1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html b/testing/web-platform/tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html
new file mode 100644
index 0000000000..e7f62c2346
--- /dev/null
+++ b/testing/web-platform/tests/css/css-view-transitions/css-tags-paint-order-with-entry-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<title>View transitions: css tags generate pseudo elements in paint order (ref)</title>
+<link rel="help" href="https://github.com/WICG/view-transitions">
+<link rel="author" href="mailto:vmpstr@chromium.org">
+
+<style>
+div {
+  contain: paint;
+  position: absolute;
+  top: 50px;
+  width: 100px;
+  height: 100px;
+}
+#one {
+  background: green;
+  left: 50px;
+  z-index: 1;
+}
+#two {
+  background: yellow;
+  left: 125px;
+  z-index: -1;
+}
+#three {
+  background: blue;
+  left: 200px;
+  z-index: 0;
+}
+#four {
+  background: lightgreen;
+  left: 275px;
+  z-index: 0;
+}
+body { background: lightpink; }
+</style>
+
+<div id=one></div>
+<div id=two></div>
+<div id=three></div>
+<div id=four></div>