1 files changed, 66 insertions, 0 deletions
diff --git a/testing/web-platform/tests/largest-contentful-paint/multiple-redirects-TAO.html b/testing/web-platform/tests/largest-contentful-paint/multiple-redirects-TAO.html
new file mode 100644
index 0000000000..b9745176bd
--- /dev/null
+++ b/testing/web-platform/tests/largest-contentful-paint/multiple-redirects-TAO.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8" />
+<title>This test validates some Timing-Allow-Origin header usage in multiple redirects.</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="resources/largest-contentful-paint-helpers.js"></script>
+<script src="/common/get-host-info.sub.js"></script>
+</head>
+<img id='image'></img>
+<body>
+<script>
+setup({"hide_test_state": true});
+async_test(t => {
+    assert_implements(window.LargestContentfulPaint, "LargestContentfulPaint is not implemented");
+    let destUrl = get_host_info().HTTP_REMOTE_ORIGIN
+        + '/element-timing/resources/multiple-redirects.py?';
+    destUrl += 'redirect_count=2';
+    // The final resource has '*' in TAO header, so will not affect the result.
+    destUrl += '&final_resource=/element-timing/resources/circle-tao.svg';
+    destUrl += '&origin1=' + get_host_info().UNAUTHENTICATED_ORIGIN;
+    destUrl += '&origin2=' + get_host_info().HTTP_REMOTE_ORIGIN;
+    const taoCombinations = [
+        {tao1: location.origin, tao2: location.origin, passes: false},
+        {tao1: location.origin, tao2: get_host_info().HTTP_REMOTE_ORIGIN, passes: false},
+        {tao1: location.origin, tao2: 'null', passes: true},
+        {tao1: location.origin, tao2: '*', passes: true},
+        {tao1: location.origin, tao2: location.origin, passes: false},
+        {tao1: 'null', tao2: '*', passes: false},
+        {tao1: '*', tao2: 'null', passes: true},
+    ];
+    const sizes = [28*28, 33*33, 40*40, 50*50, 66*66, 100*100, 200*200];
+    function getURL(item) {
+        return destUrl + '&tao1=' + item.tao1 + '&tao2=' + item.tao2;
+    }
+    function setImage(index) {
+        const image = document.getElementById('image');
+        const item = taoCombinations[index];
+        image.src = getURL(item);
+        // Use monotonic sizes to get all the images!
+        image.width = 200 / (7 - index);
+    }
+    let observedCount = 0;
+    let beforeLoad = performance.now();
+    new PerformanceObserver(t.step_func(entries => {
+        assert_equals(entries.getEntries().length, 1, 'There should be a single entry.');
+        const e = entries.getEntries()[0];
+        const item = taoCombinations[observedCount];
+        const url = getURL(item);
+        const options = item.passes ? [] : ['renderTimeIs0'];
+        checkImage(e, url, 'image', sizes[observedCount], beforeLoad, options);
+        observedCount++;
+        if (observedCount === taoCombinations.length) {
+            t.done();
+        } else {
+            beforeLoad = performance.now();
+            setImage(observedCount);
+        }
+    })).observe({entryTypes: ['largest-contentful-paint']});
+    setImage(0);
+}, 'Cross-origin images with passing/failing TAO should/shouldn\'t have its renderTime set.');
+</script>
+</body>
+</html>
+