mirror of
https://github.com/denoland/deno.git
synced 2025-02-12 16:59:32 -05:00
240 lines
8.1 KiB
TypeScript
240 lines
8.1 KiB
TypeScript
// Copyright 2018-2024 the Deno authors. All rights reserved. MIT license.
|
|
|
|
import { assertEquals, assertRejects } from "./test_util.ts";
|
|
|
|
const prefix = "tests/testdata/image";
|
|
|
|
function generateNumberedData(n: number): Uint8ClampedArray {
|
|
return new Uint8ClampedArray(
|
|
Array.from({ length: n }, (_, i) => [i + 1, 0, 0, 1]).flat(),
|
|
);
|
|
}
|
|
|
|
Deno.test(async function imageBitmapDirect() {
|
|
const data = generateNumberedData(3);
|
|
const imageData = new ImageData(data, 3, 1);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
assertEquals(
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
Deno[Deno.internal].getBitmapData(imageBitmap),
|
|
new Uint8Array(data.buffer),
|
|
);
|
|
});
|
|
|
|
Deno.test(async function imageBitmapCrop() {
|
|
const data = generateNumberedData(3 * 3);
|
|
const imageData = new ImageData(data, 3, 3);
|
|
const imageBitmap = await createImageBitmap(imageData, 1, 1, 1, 1);
|
|
assertEquals(
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
Deno[Deno.internal].getBitmapData(imageBitmap),
|
|
new Uint8Array([5, 0, 0, 1]),
|
|
);
|
|
});
|
|
|
|
Deno.test(async function imageBitmapCropPartialNegative() {
|
|
const data = generateNumberedData(3 * 3);
|
|
const imageData = new ImageData(data, 3, 3);
|
|
const imageBitmap = await createImageBitmap(imageData, -1, -1, 2, 2);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 1, 0, 0, 1
|
|
]));
|
|
});
|
|
|
|
Deno.test(async function imageBitmapCropGreater() {
|
|
const data = generateNumberedData(3 * 3);
|
|
const imageData = new ImageData(data, 3, 3);
|
|
const imageBitmap = await createImageBitmap(imageData, -1, -1, 5, 5);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 4, 0, 0, 1, 5, 0, 0, 1, 6, 0, 0, 1, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 7, 0, 0, 1, 8, 0, 0, 1, 9, 0, 0, 1, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
]));
|
|
});
|
|
|
|
Deno.test(async function imageBitmapScale() {
|
|
const data = generateNumberedData(3);
|
|
const imageData = new ImageData(data, 3, 1);
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
resizeHeight: 5,
|
|
resizeWidth: 5,
|
|
resizeQuality: "pixelated",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
1, 0, 0, 1, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 3, 0, 0, 1,
|
|
1, 0, 0, 1, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 3, 0, 0, 1,
|
|
1, 0, 0, 1, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 3, 0, 0, 1,
|
|
1, 0, 0, 1, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 3, 0, 0, 1,
|
|
1, 0, 0, 1, 1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1, 3, 0, 0, 1
|
|
]));
|
|
});
|
|
|
|
Deno.test(async function imageBitmapFlipY() {
|
|
const data = generateNumberedData(9);
|
|
const imageData = new ImageData(data, 3, 3);
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
imageOrientation: "flipY",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
7, 0, 0, 1, 8, 0, 0, 1, 9, 0, 0, 1,
|
|
4, 0, 0, 1, 5, 0, 0, 1, 6, 0, 0, 1,
|
|
1, 0, 0, 1, 2, 0, 0, 1, 3, 0, 0, 1,
|
|
]));
|
|
});
|
|
|
|
Deno.test(async function imageBitmapPremultiplyAlpha() {
|
|
const imageData = new ImageData(
|
|
new Uint8ClampedArray([
|
|
255,
|
|
255,
|
|
0,
|
|
153,
|
|
]),
|
|
1,
|
|
1,
|
|
);
|
|
{
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
premultiplyAlpha: "default",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
255, 255, 0, 153,
|
|
]));
|
|
}
|
|
{
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
premultiplyAlpha: "premultiply",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
153, 153, 0, 153
|
|
]));
|
|
}
|
|
{
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
premultiplyAlpha: "none",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
255, 255, 0, 153,
|
|
]));
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/2x2-transparent8.png`)],
|
|
{ type: "image/png" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData, {
|
|
premultiplyAlpha: "none",
|
|
});
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([
|
|
255, 0, 0, 255, 0, 255, 0, 255,
|
|
0, 0, 255, 255, 255, 0, 0, 127
|
|
]));
|
|
}
|
|
});
|
|
|
|
Deno.test(async function imageBitmapFromBlob() {
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.png`)],
|
|
{ type: "image/png" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([255, 0, 0, 255]));
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red16.png`)],
|
|
{ type: "image/png" },
|
|
);
|
|
await assertRejects(() => createImageBitmap(imageData), TypeError);
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.jpeg`)],
|
|
{ type: "image/jpeg" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([254, 0, 0]));
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.bmp`)],
|
|
{ type: "image/bmp" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([255, 0, 0, 255]));
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.gif`)],
|
|
{ type: "image/gif" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([255, 0, 0, 255]));
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.webp`)],
|
|
{ type: "image/webp" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([255, 0, 0, 255]));
|
|
}
|
|
{
|
|
// the chunk of animation webp is below (3 frames, 1x1, 8-bit, RGBA)
|
|
// [ 255, 0, 0, 127,
|
|
// 0, 255, 0, 127,
|
|
// 0, 0, 255, 127 ]
|
|
const imageData = new Blob([
|
|
await Deno.readFile(`${prefix}/1x1-animation-rgba8.webp`),
|
|
], { type: "image/webp" });
|
|
await assertRejects(() => createImageBitmap(imageData), TypeError);
|
|
}
|
|
{
|
|
const imageData = new Blob(
|
|
[await Deno.readFile(`${prefix}/1x1-red8.ico`)],
|
|
{ type: "image/x-icon" },
|
|
);
|
|
const imageBitmap = await createImageBitmap(imageData);
|
|
// @ts-ignore: Deno[Deno.internal].core allowed
|
|
// deno-fmt-ignore
|
|
assertEquals(Deno[Deno.internal].getBitmapData(imageBitmap), new Uint8Array([255, 0, 0, 255]));
|
|
}
|
|
{
|
|
// image/x-exr is a known mimetype for OpenEXR
|
|
// https://www.digipres.org/formats/sources/fdd/formats/#fdd000583
|
|
const imageData = new Blob([
|
|
await Deno.readFile(`${prefix}/1x1-red32f.exr`),
|
|
], { type: "image/x-exr" });
|
|
await assertRejects(() => createImageBitmap(imageData), DOMException);
|
|
}
|
|
});
|