summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mixed-content/tentative/autoupgrades/mixed-content-cors.https.sub.html
blob: eb7b443df39bbca15767df3ad474a4375d5ab429 (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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
  <head>
    <title>Test mixed content autoupgrade behavior for CORS request</title>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/common/get-host-info.sub.js"></script>
  </head>
  <body>
    <script>
      // Test that request with CORS get upgraded for audio elements
      async_test(
        (t) => assert_other_host_audio_loads(t),
        "Cross-Origin audio should get upgraded even if CORS is set"
      );

      function assert_other_host_audio_loads(test) {
        // Since autoupgrades don't upgrade custom ports, we use the https port with an HTTP scheme. A successful autoupgrade will result in the right URL loading (and no autoupgrade will result in failure).
        var otherHost = get_host_info().HTTP_NOTSAMESITE_ORIGIN.slice(0, -4); // cut of http port
        var url =
          otherHost +
          "{{ports[https][0]}}/mixed-content/tentative/resources/test.wav?pipe=header(Access-Control-Allow-Origin,*)";
        var i = document.createElement("audio");
        i.oncanplaythrough = test.step_func_done((_) => {
          assert_equals(i.duration, 1, "Length of other host audio is correct");
        });
        i.onerror = test.unreached_func(
          "Audio of other host should load successfully from " + url
        );
        i.crossOrigin = "anonymous";
        i.src = url;
      }

      // Test that request with CORS get upgraded for image elements
      async_test(
        (t) => assert_other_host_image_loads(t),
        "Cross-Origin image should get upgraded even if CORS is set"
      );

      function assert_other_host_image_loads(test) {
        // Since autoupgrades don't upgrade custom ports, we use the https port with an HTTP scheme. A successful autoupgrade will result in the right URL loading (and no autoupgrade will result in failure).
        var otherHost = get_host_info().HTTP_NOTSAMESITE_ORIGIN.slice(0, -4); // cut of http port
        var url = new URL(
          otherHost +
            "{{ports[https][0]}}/mixed-content/tentative/resources/pass.png?pipe=header(Access-Control-Allow-Origin,*)"
        );
        var i = document.createElement("img");
        i.onload = test.step_func_done((_) => {
          assert_equals(i.naturalHeight, 64, "Height.");
          assert_equals(i.naturalWidth, 168, "Width.");
        });
        i.crossOrigin = "anonymous";
        i.onerror = test.unreached_func(
          "image of other host should load successfully from " + url
        );
        i.src = url;
      }

      // Test that request with CORS get upgraded for video elements
      async_test(
        (t) => assert_other_host_video_loads(t),
        "Cross-Origin video should get upgraded even if CORS is set"
      );

      function assert_other_host_video_loads(test) {
        // Since autoupgrades don't upgrade custom ports, we use the https port with an HTTP scheme. A successful autoupgrade will result in the right URL loading (and no autoupgrade will result in failure).
        var otherHost = get_host_info().HTTP_NOTSAMESITE_ORIGIN.slice(0, -4); // cut of http port
        var url = new URL(
          otherHost +
            "{{ports[https][0]}}/mixed-content/tentative/resources/test.ogv?pipe=header(Access-Control-Allow-Origin,*)"
        );
        var i = document.createElement("video");
        i.oncanplaythrough = test.step_func_done((_) => {
          assert_equals(Math.floor(i.duration), 300, "Length. Other host");
        });
        i.crossOrigin = "anonymous";
        i.onerror = test.unreached_func(
          "Video of other host should load successfully from " + url
        );
        i.src = url;
      }
    </script>
  </body>
</html>