diff --git a/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.html.ts b/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.html.ts
new file mode 100644
index 000000000000..834d4ffc17e8
--- /dev/null
+++ b/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.html.ts
@@ -0,0 +1,65 @@
+import { timeout } from '../../../common/util/timeout.js';
+import { assert } from '../../../common/util/util.js';
+import { takeScreenshotDelayed } from '../../../common/util/wpt_reftest_wait.js';
+
+void (async () => {
+ assert(
+ typeof navigator !== 'undefined' && navigator.gpu !== undefined,
+ 'No WebGPU implementation found'
+ );
+
+ const adapter = await navigator.gpu.requestAdapter();
+ assert(adapter !== null);
+ const device = await adapter.requestDevice();
+ assert(device !== null);
+ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+ let deviceLost = false;
+
+ function draw(canvasId: string, alphaMode: GPUCanvasAlphaMode, abortAfterDeviceLost: boolean) {
+ if (deviceLost && abortAfterDeviceLost) {
+ return;
+ }
+
+ const canvas = document.getElementById(canvasId) as HTMLCanvasElement;
+ const ctx = canvas.getContext('webgpu') as unknown as GPUCanvasContext;
+ ctx.configure({
+ device,
+ format: presentationFormat,
+ alphaMode,
+ });
+
+ const colorAttachment = ctx.getCurrentTexture();
+ const colorAttachmentView = colorAttachment.createView();
+
+ const encoder = device.createCommandEncoder();
+ const pass = encoder.beginRenderPass({
+ colorAttachments: [
+ {
+ view: colorAttachmentView,
+ clearValue: { r: 0.4, g: 1.0, b: 0.0, a: 1.0 },
+ loadOp: 'clear',
+ storeOp: 'store',
+ },
+ ],
+ });
+ pass.end();
+ device.queue.submit([encoder.finish()]);
+ }
+
+ function drawAll() {
+ draw('cvs0', 'opaque', true);
+ draw('cvs1', 'opaque', false);
+ draw('cvs2', 'premultiplied', true);
+ draw('cvs3', 'premultiplied', false);
+
+ if (!deviceLost) {
+ device.destroy();
+ deviceLost = true;
+ timeout(drawAll, 100);
+ } else {
+ takeScreenshotDelayed(50);
+ }
+ }
+
+ drawAll();
+})();
diff --git a/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.https.html b/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.https.html
new file mode 100644
index 000000000000..03ff43580a0e
--- /dev/null
+++ b/src/webgpu/web_platform/reftests/canvas_display_after_device_lost.https.html
@@ -0,0 +1,16 @@
+
+
+ WebGPU canvas_display_after_device_lost
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/webgpu/web_platform/reftests/ref/canvas_display_after_device_lost-ref.html b/src/webgpu/web_platform/reftests/ref/canvas_display_after_device_lost-ref.html
new file mode 100644
index 000000000000..fbbbafb6fd05
--- /dev/null
+++ b/src/webgpu/web_platform/reftests/ref/canvas_display_after_device_lost-ref.html
@@ -0,0 +1,26 @@
+
+
+ WebGPU canvas_display_after_device_lost (ref)
+
+
+
+
+
+
+
+
+