Add generated webtest .html files

Bug: chromium:1333969
Change-Id: I9b704eee654a96e96473a101157ce7fab4cc864e
Reviewed-on: https://dawn-review.googlesource.com/c/dawn/+/93341
Reviewed-by: Kai Ninomiya <kainino@chromium.org>
Commit-Queue: Austin Eng <enga@chromium.org>
This commit is contained in:
Austin Eng 2022-06-10 22:00:33 +00:00 committed by Dawn LUCI CQ
parent 7ce85091b9
commit 1ab815dcaa
29 changed files with 712 additions and 0 deletions

View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<head>
<meta charset=utf-8>
<title>WebGPU exposed items (non-HTTPS)</title>
<meta name=assert content="WebGPU should not be exposed on a non-[SecureContext]">
<link rel=help href='https://gpuweb.github.io/gpuweb/'>
<script type=module src=exposed.html.js></script>
</head>
<body></body>
</html>

View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<head>
<title>WebGPU exposed items (HTTPS)</title>
<meta charset=utf-8>
<meta name=assert content="All specified WebGPU items/interfaces should be exposed, on a [SecureContext]">
<link rel=help href='https://gpuweb.github.io/gpuweb/'>
<script type=module src=exposed.html.js></script>
</head>
<body></body>
</html>

View File

@ -0,0 +1,13 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_clear</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta name="assert" content="WebGPU cleared canvas should be presented correctly" />
<link rel="match" href="./ref/canvas_clear-ref.html" />
<canvas id="cvs0" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs1" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs2" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module" src="canvas_clear.html.js"></script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_bgra8unorm_copy</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_copy_buffer_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_texture_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_external_image_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('bgra8unorm', [
{ cvs: cvs_copy_buffer_to_texture, writeCanvasMethod: 'copyBufferToTexture' },
{ cvs: cvs_copy_texture_to_texture, writeCanvasMethod: 'copyTextureToTexture' },
{ cvs: cvs_copy_external_image_to_texture, writeCanvasMethod: 'copyExternalImageToTexture' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_bgra8unorm_draw</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_draw_texture_sample" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_vertex_color" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_fragcoord" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('bgra8unorm', [
{ cvs: cvs_draw_texture_sample, writeCanvasMethod: 'DrawTextureSample' },
{ cvs: cvs_draw_vertex_color, writeCanvasMethod: 'DrawVertexColor' },
{ cvs: cvs_draw_fragcoord, writeCanvasMethod: 'DrawFragcoord' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba16float_copy</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_copy_buffer_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_texture_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_external_image_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba16float', [
{ cvs: cvs_copy_buffer_to_texture, writeCanvasMethod: 'copyBufferToTexture' },
{ cvs: cvs_copy_texture_to_texture, writeCanvasMethod: 'copyTextureToTexture' },
{ cvs: cvs_copy_external_image_to_texture, writeCanvasMethod: 'copyExternalImageToTexture' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba16float_draw</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_draw_texture_sample" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_vertex_color" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_fragcoord" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba16float', [
{ cvs: cvs_draw_texture_sample, writeCanvasMethod: 'DrawTextureSample' },
{ cvs: cvs_draw_vertex_color, writeCanvasMethod: 'DrawVertexColor' },
{ cvs: cvs_draw_fragcoord, writeCanvasMethod: 'DrawFragcoord' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba16float_store</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_fragment_texture_store" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_compute_texture_store_1" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_compute_texture_store_2" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba16float', [
{ cvs: cvs_fragment_texture_store, writeCanvasMethod: 'FragmentTextureStore' },
{ cvs: cvs_compute_texture_store_1, writeCanvasMethod: 'ComputeWorkgroup1x1TextureStore' },
{ cvs: cvs_compute_texture_store_2, writeCanvasMethod: 'ComputeWorkgroup16x16TextureStore' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba8unorm_copy</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_copy_buffer_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_texture_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_copy_external_image_to_texture" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba8unorm', [
{ cvs: cvs_copy_buffer_to_texture, writeCanvasMethod: 'copyBufferToTexture' },
{ cvs: cvs_copy_texture_to_texture, writeCanvasMethod: 'copyTextureToTexture' },
{ cvs: cvs_copy_external_image_to_texture, writeCanvasMethod: 'copyExternalImageToTexture' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba8unorm_draw</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_draw_texture_sample" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_vertex_color" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_draw_fragcoord" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba8unorm', [
{ cvs: cvs_draw_texture_sample, writeCanvasMethod: 'DrawTextureSample' },
{ cvs: cvs_draw_vertex_color, writeCanvasMethod: 'DrawVertexColor' },
{ cvs: cvs_draw_fragcoord, writeCanvasMethod: 'DrawFragcoord' },
]);
</script>
</html>

View File

@ -0,0 +1,25 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex_rgba8unorm_store</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_complex-ref.html" />
<canvas id="cvs_fragment_texture_store" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_compute_texture_store_1" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs_compute_texture_store_2" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_complex.html.js';
run('rgba8unorm', [
{ cvs: cvs_fragment_texture_store, writeCanvasMethod: 'FragmentTextureStore' },
{ cvs: cvs_compute_texture_store_1, writeCanvasMethod: 'ComputeWorkgroup1x1TextureStore' },
{ cvs: cvs_compute_texture_store_2, writeCanvasMethod: 'ComputeWorkgroup16x16TextureStore' },
]);
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_bgra8unorm_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('bgra8unorm', 'opaque', 'copy');
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_bgra8unorm_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('bgra8unorm', 'opaque', 'draw');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_bgra8unorm_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('bgra8unorm', 'premultiplied', 'copy');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_bgra8unorm_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('bgra8unorm', 'premultiplied', 'draw');
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba16float_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba16float', 'opaque', 'copy');
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba16float_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba16float', 'opaque', 'draw');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba16float_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba16float', 'premultiplied', 'copy');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba16float_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba16float', 'premultiplied', 'draw');
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba8unorm_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba8unorm', 'opaque', 'copy');
</script>
</html>

View File

@ -0,0 +1,21 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba8unorm_opaque</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_opaque-ref.html" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba8unorm', 'opaque', 'draw');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba8unorm_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba8unorm', 'premultiplied', 'copy');
</script>
</html>

View File

@ -0,0 +1,22 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_rgba8unorm_premultiplied</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should have correct orientation, components, scaling, filtering, color space"
/>
<link rel="match" href="./ref/canvas_composite_alpha_premultiplied-ref.html" />
<meta name=fuzzy content="maxDifference=0-2;totalPixels=0-400">
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
cvs.style.imageRendering = 'pixelated';
import { run } from './canvas_composite_alpha.html.js';
run('rgba8unorm', 'premultiplied', 'draw');
</script>
</html>

View File

@ -0,0 +1,26 @@
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_back_buffer_different_size</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<meta
name="assert"
content="WebGPU canvas should present correctly with different size of back buffer"
/>
<meta name=fuzzy content="maxDifference=1;totalPixels=0-2000">
<link rel="match"
href="./ref/canvas_size_different_with_back_buffer_size-ref.html" />
<canvas id="cvs_larger_than_back_buffer" width="6" height="8"></canvas>
<canvas id="cvs_same_as_back_buffer" width="3" height="4"></canvas>
<canvas id="cvs_smaller_than_back_buffer" width="3" height="4"></canvas>
<canvas id="cvs_change_size_after_configure" width="3" height="4"></canvas>
<canvas id="cvs_change_size_and_reconfigure" width="3" height="4"></canvas>
<canvas id="back_buffer_smaller_than_cvs_and_css" width="6" height="8" style="width: 12px; height: 16px;"></canvas>
<canvas id="cvs_smaller_than_back_buffer_and_css" width="3" height="4" style="width: 12px; height: 16px;"></canvas>
<script src="/common/reftest-wait.js"></script>
<script type="module">
import { run } from './canvas_size_different_with_back_buffer_size.html.js';
run();
</script>
</html>

View File

@ -0,0 +1,22 @@
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_clear (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<canvas id="cvs0" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs1" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs2" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script>
function draw(canvas) {
var c = document.getElementById(canvas);
var ctx = c.getContext('2d');
ctx.fillStyle = '#66FF00';
ctx.fillRect(0, 0, c.width, c.height);
}
draw('cvs0');
draw('cvs1');
draw('cvs2');
</script>
</html>

View File

@ -0,0 +1,26 @@
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_complex (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<canvas id="cvs0" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs1" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<canvas id="cvs2" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script>
function draw(ctx) {
ctx.fillStyle = '#660000';
ctx.fillRect(0, 0, 10, 10);
ctx.fillStyle = '#006600';
ctx.fillRect(10, 0, 10, 10);
ctx.fillStyle = '#000066';
ctx.fillRect(0, 10, 10, 10);
ctx.fillStyle = '#666600';
ctx.fillRect(10, 10, 10, 10);
}
draw(cvs0.getContext('2d'));
draw(cvs1.getContext('2d'));
draw(cvs2.getContext('2d'));
</script>
</html>

View File

@ -0,0 +1,22 @@
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_premultiplied (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script>
const ctx = cvs.getContext('2d');
ctx.globalAlpha = 1.0;
ctx.fillStyle = '#660000';
ctx.fillRect(0, 0, 15, 15);
ctx.fillStyle = '#006600';
ctx.fillRect(5, 0, 15, 15);
ctx.fillStyle = '#000066';
ctx.fillRect(0, 5, 15, 20);
ctx.fillStyle = '#666600';
ctx.fillRect(5, 5, 20, 20);
</script>
</html>

View File

@ -0,0 +1,22 @@
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_composite_alpha_premultiplied (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<style>
body { background-color: #F0E68C; }
</style>
<canvas id="cvs" width="20" height="20" style="width: 20px; height: 20px;"></canvas>
<script>
const ctx = cvs.getContext('2d');
ctx.globalAlpha = 0.5;
ctx.fillStyle = '#660000';
ctx.fillRect(0, 0, 15, 15);
ctx.fillStyle = '#006600';
ctx.fillRect(5, 0, 15, 15);
ctx.fillStyle = '#000066';
ctx.fillRect(0, 5, 15, 20);
ctx.fillStyle = '#666600';
ctx.fillRect(5, 5, 20, 20);
</script>
</html>

View File

@ -0,0 +1,99 @@
<html>
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_back_buffer_different_size (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<canvas id="cvs_larger_than_back_buffer_ref" width="3" height="4" style="width: 6px; height: 8px;"></canvas>
<canvas id="cvs_same_as_back_buffer_ref" width="3" height="4"></canvas>
<canvas id="cvs_smaller_than_back_buffer_ref" width="6" height="8" style="width: 3px; height: 4px;"></canvas>
<canvas id="cvs_change_size_after_configure_ref" width="3" height="4" style="width: 6px; height: 8px;"></canvas>
<canvas id="cvs_change_size_and_reconfigure_ref" width="6" height="8"></canvas>
<canvas id="back_buffer_smaller_than_cvs_and_css_ref" width="3" height="4" style="width: 12px; height: 16px;"></canvas>
<canvas id="cvs_smaller_than_back_buffer_and_css" width="6" height="8" style="width: 12px; height: 16px;"></canvas>
<script>
{
const context = cvs_larger_than_back_buffer_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 2, 2);
context.fillStyle = "#00FF00";
context.fillRect(2, 0, 1, 2);
context.fillStyle = "#0000FF";
context.fillRect(0, 2, 2, 2);
context.fillStyle = "#FFFF00";
context.fillRect(2, 2, 1, 2);
}
{
const context = cvs_same_as_back_buffer_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 2, 2);
context.fillStyle = "#00FF00";
context.fillRect(2, 0, 1, 2);
context.fillStyle = "#0000FF";
context.fillRect(0, 2, 2, 2);
context.fillStyle = "#FFFF00";
context.fillRect(2, 2, 1, 2);
}
{
const context = cvs_smaller_than_back_buffer_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 4, 4);
context.fillStyle = "#00FF00";
context.fillRect(4, 0, 2, 4);
context.fillStyle = "#0000FF";
context.fillRect(0, 4, 4, 4);
context.fillStyle = "#FFFF00";
context.fillRect(4, 4, 2, 4);
}
{
const context = cvs_change_size_after_configure_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 2, 2);
context.fillStyle = "#00FF00";
context.fillRect(2, 0, 1, 2);
context.fillStyle = "#0000FF";
context.fillRect(0, 2, 2, 2);
context.fillStyle = "#FFFF00";
context.fillRect(2, 2, 1, 2);
}
{
const context = cvs_change_size_and_reconfigure_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 4, 4);
context.fillStyle = "#00FF00";
context.fillRect(4, 0, 2, 4);
context.fillStyle = "#0000FF";
context.fillRect(0, 4, 4, 4);
context.fillStyle = "#FFFF00";
context.fillRect(4, 4, 2, 4);
}
{
const context = back_buffer_smaller_than_cvs_and_css_ref.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 2, 2);
context.fillStyle = "#00FF00";
context.fillRect(2, 0, 1, 2);
context.fillStyle = "#0000FF";
context.fillRect(0, 2, 2, 2);
context.fillStyle = "#FFFF00";
context.fillRect(2, 2, 1, 2);
}
{
const context = cvs_smaller_than_back_buffer_and_css.getContext('2d');
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 4, 4);
context.fillStyle = "#00FF00";
context.fillRect(4, 0, 2, 4);
context.fillRect(2, 1, 1, 1);
context.fillStyle = "#0000FF";
context.fillRect(0, 4, 4, 4);
context.fillStyle = "#FFFF00";
context.fillRect(4, 4, 2, 4);
}
</script>
</html>