summaryrefslogtreecommitdiffstats
path: root/image/test/mochitest/test_image_cache_notification.html
blob: 73adac25ff556bef888feaa4eeab34688492ceb5 (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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE HTML>
<html>
  <head>
    <script src="/tests/SimpleTest/SimpleTest.js"></script>
  </head>
  <body>
    <button>Add Image</button>
    <script>
      /* Test to ensure http-on-image-cache-response should only be notified
       * once per image
       */

      SimpleTest.waitForExplicitFinish();
      async function addImage() {
        const newImage = document.createElement("img");

        const imageLoaded = new Promise((r) => {
          newImage.onload = r;
        });

        newImage.src = "./over.png";
        document.body.appendChild(newImage);
        return imageLoaded;
      }

      let imageCacheCallbackRunCount = 0;
      const cb = SpecialPowers.wrapCallback(() => {
        imageCacheCallbackRunCount += 1;
      });
      SpecialPowers.addObserver(cb, "http-on-image-cache-response");

      async function runTest() {
        await addImage();
        SimpleTest.ok(imageCacheCallbackRunCount == 0, "first load of over.png shouldn't be cached");
        await addImage();
        SimpleTest.ok(imageCacheCallbackRunCount == 1, "second load of over.png should be cached");
        await addImage();
        await addImage();
        await addImage();
        SimpleTest.ok(imageCacheCallbackRunCount == 1, "further loads of over.png shouldn't be notified");
        SimpleTest.finish();
      }

      runTest();
    </script>
  </body>
</html>