summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/element-timing/image-rect-iframe.html
blob: 3342f5688e784cc09f563b4c34b88b601f615e1a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Element Timing: check intersectionRect for element in iframe</title>
<body>
<style>
body {
  margin: 50px;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
  async_test((t) => {
    assert_implements(window.PerformanceElementTiming, "PerformanceElementTiming is not implemented");
    on_event(window, 'message', e => {
      assert_equals(e.data.length, 1);
      assert_equals(e.data.entryType, 'element');
      const rect = e.data.rect;
      // rect should start at (0,0) even though main frame has a margin.
      assert_equals(rect.left, 0);
      assert_equals(rect.right, 100);
      assert_equals(rect.top, 0);
      assert_equals(rect.bottom, 100);
      assert_equals(e.data.naturalWidth, 100);
      assert_equals(e.data.naturalHeight, 100);
      assert_equals(e.data.id, 'iframe_img_id');
      assert_equals(e.data.elementId, 'iframe_img_id');
      t.done();
    });
  }, 'Element Timing entry in iframe has coordinates relative to the iframe.');
</script>
<iframe src="resources/iframe-with-square-sends-entry.html"></iframe>
</body>