From ccc2352584c0c3a958ce0421aa2512334cc59b7c Mon Sep 17 00:00:00 2001
From: =?utf8?q?Nicol=C3=A1s=20Pe=C3=B1a=20Moreno?= <npm@chromium.org>
Date: Mon, 20 May 2019 15:00:29 +0000
Subject: [PATCH] Bug 1550358 [wpt PR 16674] - [ElementTiming] Add a test for
 invisible images, a=testonly
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Automatic update from web-platform-tests
[ElementTiming] Add a test for invisible images

This CL tests that the following images affected by the following do not
cause PerformanceElementTiming entries to be dispatched:
* opacity: 0
* visibility: hidden
* display: none

Bug: 883483
Change-Id: I298ea5cbc71dd63a52b55c746b152ec4e42a6b36
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1595153
Reviewed-by: Liquan (Max) Gu <maxlg@chromium.org>
Commit-Queue: Nicolás Peña Moreno <npm@chromium.org>
Cr-Commit-Position: refs/heads/master@{#656530}

--

wpt-commits: e9af0da25563cc63c7728d4a647f8d15d64e1495
wpt-pr: 16674
---
 .../tests/element-timing/invisible-images.html     | 53 ++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 testing/web-platform/tests/element-timing/invisible-images.html
diff --git a/testing/web-platform/tests/element-timing/invisible-images.html b/testing/web-platform/tests/element-timing/invisible-images.html
new file mode 100644
index 000000000000..50aa6d13a9a5
--- /dev/null
+++ b/testing/web-platform/tests/element-timing/invisible-images.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<meta charset=utf-8>
+<title>Element Timing: invisible images are not observable</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  #opacity0 {
+    opacity: 0;
+  }
+  #visibilityHidden {
+    visibility: hidden;
+  }
+  #displayNone {
+    display: none;
+  }
+</style>
+<script>
+  async_test(function (t) {
+    const observer = new PerformanceObserver(
+      t.step_func_done(() => {
+        // The image should not have caused an entry, so fail test.
+        assert_unreached('Should not have received an entry!');
+      })
+    );
+    observer.observe({entryTypes: ['element']});
+    // We add the images during onload to be sure that the observer is registered
+    // in time for it to observe the element timing.
+    window.onload = () => {
+      const img = document.createElement('img');
+      img.src = 'resources/square100.png';
+      img.setAttribute('elementtiming', 'my_image');
+      img.setAttribute('id', 'opacity0');
+      document.body.appendChild(img);
+
+      const img2 = document.createElement('img');
+      img2.src = 'resources/square20.png';
+      img2.setAttribute('elementtiming', 'my_image2');
+      img2.setAttribute('id', 'visibilityHidden');
+      document.body.appendChild(img2);
+
+      const img3 = document.createElement('img');
+      img3.src = 'resources/circle.svg';
+      img3.setAttribute('elementtiming', 'my_image3');
+      img3.setAttribute('id', 'displayNone');
+      document.body.appendChild(img3);
+      // Images have been added but should not cause entries to be dispatched.
+      // Wait for 500ms and end test, ensuring no entry was created.
+      t.step_timeout(() => {
+        t.done();
+      }, 500);
+    };
+  }, 'Images with opacity: 0, visibility: hidden, or display: none are not observable.');
+</script>
-- 
2.11.4.GIT

