diff --git a/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested-ref.html b/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested-ref.html
new file mode 100644
index 000000000000..6610adc9f71c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<title>Box model is copied to group style</title>
+<meta name=fuzzy content="maxDifference=0-10; totalPixels=0-200000">
+<link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
+<style>
+    * {
+        box-sizing:  border-box;
+    }
+
+    body {
+        background: rebeccapurple;
+        margin: 0;
+    }
+
+    div {
+        width: 200px;
+        height: 200px;
+        background: green;
+        border: 10px solid blue;
+        padding: 48px;
+    }
+
+    .child {
+        border: 32px solid yellow;
+    }
+
+    .parent {
+        border-width: 15px;
+        padding-top: 27px;
+        padding-left: 100px;
+        overflow: clip;
+    }
+</style>
+<body>
+    <div class="parent">
+        <div class="child"></div>
+    </div>
+</body>
\ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested.tentative.html b/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested.tentative.html
new file mode 100644
index 000000000000..be8eea0cf70d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-view-transitions/layered-capture/box-model-capture-nested.tentative.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>Box model is copied to group style</title>
+<meta name=fuzzy content="maxDifference=0-10; totalPixels=0-200000">
+<link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
+<link rel="match" href="box-model-capture-nested-ref.html">
+<script src="/common/reftest-wait.js"></script>
+<style>
+    * {
+        /* Will add tests for different sizing once the spec is resolved. */
+        box-sizing:  border-box;
+    }
+
+    ::view-transition {
+        background: rebeccapurple;
+    }
+
+    body {
+        margin: 0;
+    }
+
+    div {
+        width: 200px;
+        height: 200px;
+        background: green;
+        border: 10px solid blue;
+    }
+
+
+    .parent {
+        view-transition-name: parent;
+        padding: 48px 48px 48px 100px;
+        overflow: clip;
+    }
+
+    .child {
+        view-transition-name: child;
+        view-transition-group: parent;
+        border: 32px solid yellow;
+        padding: 48px;
+    }
+
+    .vt-new .parent {
+        border-width: 20px;
+        padding: 6px 48px 48px 100px;
+    }
+
+    ::view-transition-group(*) {
+        animation-play-state: paused;
+        animation-timing-function: steps(2, start);
+    }
+
+    ::view-transition-new(*), ::view-transition-old(*) {
+        animation: none;
+    }
+</style>
+<body>
+    <div class="parent">
+        <div class="child"></div>
+    </div>
+    <script>
+        document.startViewTransition(() => {
+            document.documentElement.classList.add("vt-new");
+        }).ready.then(() => takeScreenshot());
+    </script>
+</body>
\ No newline at end of file
