Merge pull request #1793 from WordPress/add/od-root-div-to-tests

Wrap contents of `BODY` in `DIV` tag in tests related to Optimization Detective
WordPress · Jan 13, 2025 · 2df83d0 · 2df83d0
2 parents 81112a9 + 62e498a
commit 2df83d0
Show file tree

Hide file tree

Showing 180 changed files with 3,578 additions and 3,313 deletions.
diff --git a/plugins/embed-optimizer/class-embed-optimizer-tag-visitor.php b/plugins/embed-optimizer/class-embed-optimizer-tag-visitor.php
@@ -120,8 +120,8 @@ public function __invoke( OD_Tag_Visitor_Context $context ): bool {
 	 *
 	 * @since 0.3.0
 	 *
-	 * @param string $embed_block_xpath XPath for the embed block FIGURE tag. For example: `/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]`.
-	 * @return string XPath for the child DIV. For example: `/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]`
+	 * @param string $embed_block_xpath XPath for the embed block FIGURE tag. For example: `/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]`.
+	 * @return string XPath for the child DIV. For example: `/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]`
 	 */
 	private static function get_embed_wrapper_xpath( string $embed_block_xpath ): string {
 		return $embed_block_xpath . '/*[1][self::DIV]';

diff --git a/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/buffer.html b/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/buffer.html
diff --git a/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/expected.html b/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/expected.html
diff --git a/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/set-up.php b/plugins/embed-optimizer/tests/test-cases/all-embeds-inside-viewport/set-up.php
@@ -12,7 +12,7 @@
 		$elements[] = array_merge(
 			$element_data,
 			array(
-				'xpath' => "/*[1][self::HTML]/*[2][self::BODY]/*[{$i}][self::FIGURE]/*[1][self::DIV]",
+				'xpath' => "/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[{$i}][self::FIGURE]/*[1][self::DIV]",
 			)
 		);
 	}

diff --git a/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/buffer.html b/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/buffer.html
@@ -4,21 +4,23 @@
 		<title>...</title>
 	</head>
 	<body>
-		<figure style="background: black; color:gray" class="wp-block-embed is-type-video">
-			<div class="wp-block-embed__wrapper">
-				<video src="https://example.com/video1.mp4" poster="https://example.com/poster1.jpg" width="640" height="480"></video>
-			</div>
-		</figure>
-		<figure id="existing-figurine-id" class="wp-block-embed is-type-rich is-provider-figurine wp-block-embed-figurine">
-			<div class="wp-block-embed__wrapper">
-				<figure>
-					<p>So I heard you like <code>FIGURE</code>?</p>
-					<video src="https://example.com/video2.mp4" poster="https://example.com/poster2.jpg" width="640" height="480"></video>
-					<figcaption>Tagline from Figurine embed.</figcaption>
-				</figure>
-				<iframe src="https://example.com/" width="640" height="480"></iframe>
-			</div>
-		</figure>
-		<script src="https://example.com/script-not-part-of-embed.js"></script>
+		<div class="wp-site-blocks">
+			<figure style="background: black; color:gray" class="wp-block-embed is-type-video">
+				<div class="wp-block-embed__wrapper">
+					<video src="https://example.com/video1.mp4" poster="https://example.com/poster1.jpg" width="640" height="480"></video>
+				</div>
+			</figure>
+			<figure id="existing-figurine-id" class="wp-block-embed is-type-rich is-provider-figurine wp-block-embed-figurine">
+				<div class="wp-block-embed__wrapper">
+					<figure>
+						<p>So I heard you like <code>FIGURE</code>?</p>
+						<video src="https://example.com/video2.mp4" poster="https://example.com/poster2.jpg" width="640" height="480"></video>
+						<figcaption>Tagline from Figurine embed.</figcaption>
+					</figure>
+					<iframe src="https://example.com/" width="640" height="480"></iframe>
+				</div>
+			</figure>
+			<script src="https://example.com/script-not-part-of-embed.js"></script>
+		</div>
 	</body>
 </html>
diff --git a/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/expected.html b/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/expected.html
@@ -2,37 +2,39 @@
 	<head>
 		<meta charset="utf-8">
 		<title>...</title>
-		<style>
-		@media (max-width: 480px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 481px) and (max-width: 600px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 601px) and (max-width: 782px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 783px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		</style>
-		<style>
-		@media (max-width: 480px) { #existing-figurine-id { min-height: 654px; } }
-		@media (min-width: 481px) and (max-width: 600px) { #existing-figurine-id { min-height: 654px; } }
-		@media (min-width: 601px) and (max-width: 782px) { #existing-figurine-id { min-height: 654px; } }
-		@media (min-width: 783px) { #existing-figurine-id { min-height: 654px; } }
-		</style>
-		<link data-od-added-tag rel="preload" as="image" href="https://example.com/poster1.jpg">
-	</head>
+	<style>
+@media (max-width: 480px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 481px) and (max-width: 600px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 601px) and (max-width: 782px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 783px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+</style>
+<style>
+@media (max-width: 480px) { #existing-figurine-id { min-height: 654px; } }
+@media (min-width: 481px) and (max-width: 600px) { #existing-figurine-id { min-height: 654px; } }
+@media (min-width: 601px) and (max-width: 782px) { #existing-figurine-id { min-height: 654px; } }
+@media (min-width: 783px) { #existing-figurine-id { min-height: 654px; } }
+</style>
+<link data-od-added-tag rel="preload" as="image" href="https://example.com/poster1.jpg">
+</head>
 	<body>
-		<figure data-od-added-id id="embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8" style="background: black; color:gray" class="wp-block-embed is-type-video">
-			<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
-				<video data-od-added-preload data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]/*[1][self::VIDEO]" preload="auto" src="https://example.com/video1.mp4" poster="https://example.com/poster1.jpg" width="640" height="480"></video>
-			</div>
-		</figure>
-		<figure id="existing-figurine-id" class="wp-block-embed is-type-rich is-provider-figurine wp-block-embed-figurine">
-			<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[2][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
-				<figure>
-					<p>So I heard you like <code>FIGURE</code>?</p>
-					<video data-od-added-preload data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[2][self::FIGURE]/*[1][self::DIV]/*[1][self::FIGURE]/*[2][self::VIDEO]" preload="none" src="https://example.com/video2.mp4" poster="https://example.com/poster2.jpg" width="640" height="480"></video>
-					<figcaption>Tagline from Figurine embed.</figcaption>
-				</figure>
-				<iframe data-od-added-loading loading="lazy" src="https://example.com/" width="640" height="480"></iframe>
-			</div>
-		</figure>
-		<script src="https://example.com/script-not-part-of-embed.js"></script>
-		<script type="module">/* import detect ... */</script>
-	</body>
+		<div class="wp-site-blocks">
+			<figure data-od-added-id id="embed-optimizer-c2b6b833aecac76a3a42d55f197c806a" style="background: black; color:gray" class="wp-block-embed is-type-video">
+				<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
+					<video data-od-added-preload data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]/*[1][self::VIDEO]" preload="auto" src="https://example.com/video1.mp4" poster="https://example.com/poster1.jpg" width="640" height="480"></video>
+				</div>
+			</figure>
+			<figure id="existing-figurine-id" class="wp-block-embed is-type-rich is-provider-figurine wp-block-embed-figurine">
+				<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[2][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
+					<figure>
+						<p>So I heard you like <code>FIGURE</code>?</p>
+						<video data-od-added-preload data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[2][self::FIGURE]/*[1][self::DIV]/*[1][self::FIGURE]/*[2][self::VIDEO]" preload="none" src="https://example.com/video2.mp4" poster="https://example.com/poster2.jpg" width="640" height="480"></video>
+						<figcaption>Tagline from Figurine embed.</figcaption>
+					</figure>
+					<iframe data-od-added-loading loading="lazy" src="https://example.com/" width="640" height="480"></iframe>
+				</div>
+			</figure>
+			<script src="https://example.com/script-not-part-of-embed.js"></script>
+		</div>
+	<script type="module">/* import detect ... */</script>
+</body>
 </html>
diff --git a/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/set-up.php b/plugins/embed-optimizer/tests/test-cases/nested-figure-embed/set-up.php
@@ -3,24 +3,24 @@
 	$test_case->populate_url_metrics(
 		array(
 			array(
-				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]',
+				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]',
 				'isLCP'                     => false,
 				'intersectionRatio'         => 1,
 				'resizedBoundingClientRect' => array_merge( $test_case->get_sample_dom_rect(), array( 'height' => 500 ) ),
 			),
 			array(
-				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]/*[1][self::VIDEO]',
+				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]/*[1][self::VIDEO]',
 				'isLCP'             => false,
 				'intersectionRatio' => 1,
 			),
 			array(
-				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[2][self::FIGURE]/*[1][self::DIV]',
+				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[2][self::FIGURE]/*[1][self::DIV]',
 				'isLCP'                     => false,
 				'intersectionRatio'         => 0,
 				'resizedBoundingClientRect' => array_merge( $test_case->get_sample_dom_rect(), array( 'height' => 654 ) ),
 			),
 			array(
-				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[2][self::FIGURE]/*[1][self::DIV]/*[1][self::FIGURE]/*[2][self::VIDEO]',
+				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[2][self::FIGURE]/*[1][self::DIV]/*[1][self::FIGURE]/*[2][self::VIDEO]',
 				'isLCP'             => false,
 				'intersectionRatio' => 0,
 			),

diff --git a/...tests/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/buffer.html b/...tests/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/buffer.html
@@ -4,11 +4,13 @@
 		<title>...</title>
 	</head>
 	<body>
-		<figure class="wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio">
-			<div class="wp-block-embed__wrapper">
-				<iframe title="Spotify Embed: Deep Focus" style="border-radius: 12px" width="100%" height="352" frameborder="0" allowfullscreen allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" src="https://open.spotify.com/embed/playlist/37i9dQZF1DWZeKCadgRdKQ?utm_source=oembed"></iframe>
-			</div>
-		</figure>
-		<script src="https://example.com/script-not-part-of-embed.js"></script>
+		<div class="wp-site-blocks">
+			<figure class="wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio">
+				<div class="wp-block-embed__wrapper">
+					<iframe title="Spotify Embed: Deep Focus" style="border-radius: 12px" width="100%" height="352" frameborder="0" allowfullscreen allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" src="https://open.spotify.com/embed/playlist/37i9dQZF1DWZeKCadgRdKQ?utm_source=oembed"></iframe>
+				</div>
+			</figure>
+			<script src="https://example.com/script-not-part-of-embed.js"></script>
+		</div>
 	</body>
 </html>
diff --git a/...sts/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/expected.html b/...sts/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/expected.html
@@ -2,20 +2,22 @@
 	<head>
 		<meta charset="utf-8">
 		<title>...</title>
-		<style>
-		@media (max-width: 480px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 481px) and (max-width: 600px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 601px) and (max-width: 782px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		@media (min-width: 783px) { #embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8 { min-height: 500px; } }
-		</style>
-	</head>
+	<style>
+@media (max-width: 480px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 481px) and (max-width: 600px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 601px) and (max-width: 782px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+@media (min-width: 783px) { #embed-optimizer-c2b6b833aecac76a3a42d55f197c806a { min-height: 500px; } }
+</style>
+</head>
 	<body>
-		<figure data-od-added-id id="embed-optimizer-a7659db28ecaa36ddee6ae66857dabd8" class="wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio">
-			<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
-				<iframe data-od-added-loading loading="lazy" title="Spotify Embed: Deep Focus" style="border-radius: 12px" width="100%" height="352" frameborder="0" allowfullscreen allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" src="https://open.spotify.com/embed/playlist/37i9dQZF1DWZeKCadgRdKQ?utm_source=oembed"></iframe>
-			</div>
-		</figure>
-		<script src="https://example.com/script-not-part-of-embed.js"></script>
-		<script type="module">/* import detect ... */</script>
-	</body>
+		<div class="wp-site-blocks">
+			<figure data-od-added-id id="embed-optimizer-c2b6b833aecac76a3a42d55f197c806a" class="wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio">
+				<div data-od-xpath="/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]" class="wp-block-embed__wrapper">
+					<iframe data-od-added-loading loading="lazy" title="Spotify Embed: Deep Focus" style="border-radius: 12px" width="100%" height="352" frameborder="0" allowfullscreen allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" src="https://open.spotify.com/embed/playlist/37i9dQZF1DWZeKCadgRdKQ?utm_source=oembed"></iframe>
+				</div>
+			</figure>
+			<script src="https://example.com/script-not-part-of-embed.js"></script>
+		</div>
+	<script type="module">/* import detect ... */</script>
+</body>
 </html>
diff --git a/.../tests/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/set-up.php b/.../tests/test-cases/single-spotify-embed-outside-viewport-with-subsequent-script/set-up.php
@@ -3,7 +3,7 @@
 	$test_case->populate_url_metrics(
 		array(
 			array(
-				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]',
+				'xpath'                     => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]',
 				'isLCP'                     => false,
 				'intersectionRatio'         => 0,
 				'resizedBoundingClientRect' => array_merge( $test_case->get_sample_dom_rect(), array( 'height' => 500 ) ),

diff --git a/...er/tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/buffer.html b/...er/tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/buffer.html
@@ -4,11 +4,13 @@
 		<title>...</title>
 	</head>
 	<body>
-		<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
-			<div class="wp-block-embed__wrapper">
-				<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
-				<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-			</div>
-		</figure>
+		<div class="wp-site-blocks">
+			<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
+				<div class="wp-block-embed__wrapper">
+					<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
+					<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+				</div>
+			</figure>
+		</div>
 	</body>
 </html>
diff --git a/.../tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/expected.html b/.../tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/expected.html
@@ -2,15 +2,17 @@
 	<head>
 		<meta charset="utf-8">
 		<title>...</title>
-		<link data-od-added-tag rel="preconnect" href="https://pbs.twimg.com">
-		<link data-od-added-tag rel="preconnect" href="https://syndication.twitter.com">
-	</head>
+	<link data-od-added-tag rel="preconnect" href="https://pbs.twimg.com">
+<link data-od-added-tag rel="preconnect" href="https://syndication.twitter.com">
+</head>
 	<body>
-		<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
-			<div class="wp-block-embed__wrapper">
-				<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
-				<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-			</div>
-		</figure>
+		<div class="wp-site-blocks">
+			<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
+				<div class="wp-block-embed__wrapper">
+					<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
+					<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+				</div>
+			</figure>
+		</div>
 	</body>
 </html>
diff --git a/...zer/tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/set-up.php b/...zer/tests/test-cases/single-twitter-embed-inside-viewport-without-resized-data/set-up.php
@@ -3,7 +3,7 @@
 	$test_case->populate_url_metrics(
 		array(
 			array(
-				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::FIGURE]/*[1][self::DIV]',
+				'xpath'             => '/*[1][self::HTML]/*[2][self::BODY]/*[1][self::DIV]/*[1][self::FIGURE]/*[1][self::DIV]',
 				'isLCP'             => true,
 				'intersectionRatio' => 1,
 				// Intentionally omitting resizedBoundingClientRect here to test behavior when data isn't supplied.

diff --git a/plugins/embed-optimizer/tests/test-cases/single-twitter-embed-inside-viewport/buffer.html b/plugins/embed-optimizer/tests/test-cases/single-twitter-embed-inside-viewport/buffer.html
@@ -4,11 +4,13 @@
 		<title>...</title>
 	</head>
 	<body>
-		<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
-			<div class="wp-block-embed__wrapper">
-				<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
-				<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-			</div>
-		</figure>
+		<div class="wp-site-blocks">
+			<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter">
+				<div class="wp-block-embed__wrapper">
+					<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">We want your feedback for the Privacy Sandbox 📨<br><br>Learn why your feedback is critical through real examples and learn how to provide it ↓ <a href="https://t.co/anGk6gWkbc">https://t.co/anGk6gWkbc</a></p>&mdash; Chrome for Developers (@ChromiumDev) <a href="https://twitter.com/ChromiumDev/status/1636796541368139777?ref_src=twsrc%5Etfw">March 17, 2023</a></blockquote>
+					<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+				</div>
+			</figure>
+		</div>
 	</body>
 </html>