Add tests

wp-media · May 24, 2024 · c872a7b · c872a7b
1 parent f427ac1
commit c872a7b
Show file tree

Hide file tree

Showing 5 changed files with 180 additions and 2 deletions.
diff --git a/...s/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/input_lcp_picture_2.php b/...s/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/input_lcp_picture_2.php
@@ -0,0 +1,29 @@
+<?php
+/**
+ * Template Name: lcp_picture
+ * Template Description: test template that loads bg image
+ */ ?>
+
+<!DOCTYPE html>
+<html>
+<head>
+	<?php wp_head() ?>
+	<title>lcp_responsive_bg</title>
+</head>
+<body>
+
+<div>
+	<picture fetchpriority="high" decoding="async" class="wp-image-8418">
+		<source type="image/avif" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.avif 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.avif 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.avif 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.avif 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.avif 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg.avif 1920w" sizes="(max-width: 1024px) 100vw, 1024px">
+		<source type="image/webp" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.webp 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.webp 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.webp 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.webp 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.webp 600w" sizes="(max-width: 1024px) 100vw, 1024px">
+		<img fetchpriority="high" decoding="async" width="1024" height="576" src="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg" alt="" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">
+	</picture>
+</div>
+
+</main><!-- #main -->
+</div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php wp_footer() ?>
+</body>
+</html>
diff --git a/...s/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/input_lcp_picture_3.php b/...s/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/input_lcp_picture_3.php
@@ -0,0 +1,29 @@
+<?php
+/**
+ * Template Name: lcp_picture
+ * Template Description: test template that loads bg image
+ */ ?>
+
+<!DOCTYPE html>
+<html>
+<head>
+	<?php wp_head() ?>
+	<title>lcp_responsive_bg</title>
+</head>
+<body>
+
+<div>
+	<picture decoding="async">
+		<source type="image/avif" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif">
+		<source type="image/webp" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp">
+		<img decoding="async" src="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg">
+	</picture>
+</div>
+
+</main><!-- #main -->
+</div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php wp_footer() ?>
+</body>
+</html>
diff --git a/.../Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/output_lcp_picture_2.php b/.../Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/output_lcp_picture_2.php
@@ -0,0 +1,29 @@
+<?php
+/**
+ * Template Name: lcp_picture
+ * Template Description: test template that loads bg image
+ */ ?>
+
+<!DOCTYPE html>
+<html>
+<head>
+	<?php wp_head() ?>
+	<title>lcp_responsive_bg</title><link rel="preload" as="image" href="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif" imagesrcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.avif 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.avif 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.avif 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.avif 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.avif 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg.avif 1920w" imagesizes="(max-width: 1024px) 100vw, 1024px" fetchpriority="high">
+</head>
+<body>
+
+<div>
+	<picture fetchpriority="high" decoding="async" class="wp-image-8418">
+		<source type="image/avif" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.avif 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.avif 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.avif 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.avif 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.avif 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg.avif 1920w" sizes="(max-width: 1024px) 100vw, 1024px">
+		<source type="image/webp" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.webp 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.webp 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.webp 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.webp 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.webp 600w" sizes="(max-width: 1024px) 100vw, 1024px">
+		<img fetchpriority="high" decoding="async" width="1024" height="576" src="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg" alt="" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">
+	</picture>
+</div>
+
+</main><!-- #main -->
+</div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php wp_footer() ?>
+</body>
+</html>
diff --git a/.../Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/output_lcp_picture_3.php b/.../Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/HTML/output_lcp_picture_3.php
@@ -0,0 +1,29 @@
+<?php
+/**
+ * Template Name: lcp_picture
+ * Template Description: test template that loads bg image
+ */ ?>
+
+<!DOCTYPE html>
+<html>
+<head>
+	<?php wp_head() ?>
+	<title>lcp_responsive_bg</title><link rel="preload" as="image" href="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif" fetchpriority="high">
+</head>
+<body>
+
+<div>
+	<picture decoding="async">
+		<source type="image/avif" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif">
+		<source type="image/webp" srcset="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp">
+		<img decoding="async" src="https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg">
+	</picture>
+</div>
+
+</main><!-- #main -->
+</div><!-- #primary -->
+</div><!-- .wrap -->
+
+<?php wp_footer() ?>
+</body>
+</html>
diff --git a/tests/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/lcp.php b/tests/Fixtures/inc/Engine/Media/AboveTheFold/Frontend/Subscriber/lcp.php
@@ -155,11 +155,15 @@
 					'sources' => [
 						[
 							'srcset' => 'small_cat.jpg',
-							'media' => '(max-width: 400px)'
+							'media' => '(max-width: 400px)',
+							'type'  => '',
+							'sizes' => '',
 						],
 						[
 							'srcset' => 'medium_cat.jpg',
-							'media' => '(max-width: 800px)'
+							'media' => '(max-width: 800px)',
+							'type'  => '',
+							'sizes' => '',
 						]
 					]
 				]),
@@ -168,6 +172,64 @@
 		],
 		'expected' => file_get_contents(__DIR__ . '/HTML/output_lcp_picture.php'),
 	],
+	'shouldPreloadPictureTag2' => [
+		'config' => [
+			'html' => file_get_contents(__DIR__ . '/HTML/input_lcp_picture_2.php'),
+			'row' => [
+				'status' => 'completed',
+				'url' => 'http://example.org',
+				'lcp' => json_encode( (object) [
+					'type' => 'picture',
+					'src' => '',
+					'sources' => [
+						[
+							'srcset' => 'https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.avif 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.avif 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.avif 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.avif 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.avif 600w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia.jpg.avif 1920w',
+							'media' => '',
+							'type' => 'image/avif',
+							'sizes' => '(max-width: 1024px) 100vw, 1024px'
+						],
+						[
+							'srcset' => 'https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp 1024w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-300x169.jpg.webp 300w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-768x432.jpg.webp 768w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1536x864.jpg.webp 1536w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1200x675.jpg.webp 1200w, https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-600x338.jpg.webp 600w',
+							'media' => '',
+							'type' => 'image/webp',
+							'sizes' => '(max-width: 1024px) 100vw, 1024px'
+						]
+					]
+				]),
+				'viewport' => json_encode ( [] ),
+			],
+		],
+		'expected' => file_get_contents(__DIR__ . '/HTML/output_lcp_picture_2.php'),
+	],
+	'shouldPreloadPictureTag3' => [
+		'config' => [
+			'html' => file_get_contents(__DIR__ . '/HTML/input_lcp_picture_3.php'),
+			'row' => [
+				'status' => 'completed',
+				'url' => 'http://example.org',
+				'lcp' => json_encode( (object) [
+					'type' => 'picture',
+					'src' => '',
+					'sources' => [
+						[
+							'srcset' => 'https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.avif',
+							'media' => '',
+							'type' => 'image/avif',
+							'sizes' => ''
+						],
+						[
+							'srcset' => 'https://imagify.rocketlabsqa.ovh/wp-content/uploads/2024/05/home-new-bg-free-img-—-kopia-1024x576.jpg.webp',
+							'media' => '',
+							'type' => 'image/webp',
+							'sizes' => ''
+						]
+					]
+				]),
+				'viewport' => json_encode ( [] ),
+			],
+		],
+		'expected' => file_get_contents(__DIR__ . '/HTML/output_lcp_picture_3.php'),
+	],
 	'shouldNotApplyFetchPriorityToTheWrongElement' => [
 		'config' => [
 			'html' => $html_input_with_bg_image_lcp,