observe-non-animated-image.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /largest-contentful-paint/animated/observe-non-animated-image.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<html>

<head>

  <meta charset=utf-8>

  <title>Largest Contentful Paint: observe image.</title>

  <script src="/resources/testharness.js"></script>

  <script src="/resources/testharnessreport.js"></script>

  <script src="../resources/largest-contentful-paint-helpers.js"></script>

</head>

<body>

  <script>

    promise_test(async () => {

      assert_implements(window.LargestContentfulPaint,

                        "LargestContentfulPaint is not implemented");

      const beforeLoad = performance.now();

      // 262 is the size of the animated PNG up until the first frame,

      // including the chunk that starts the second frame (indicating that

      //the first frame data is done).

      const url = window.location.origin + '/images/blue.png';

      const entry = await load_and_observe(url);

      // blue.png is 133 by 106.

      const size = 133 * 106;

      checkImage(entry, url, 'image_id', size, beforeLoad, ["animated-zero"]);

    }, "Same origin animated image is observable and has a first frame.");

  </script>

</body>

</html>