Update web-platform-tests to revision 7a767a52741f628430ffbbed46e7f3df68ba3534

Fixes #15648.

tests/wpt/web-platform-tests/docs/assets/_reftest_graph_example.dot

@@ -0,0 +1,6 @@
+digraph reftest_graph_example {
+  "a.html" -> "b.html" [label="=="];
+  "a.html" -> "c.html" [label="=="];
+  "b.html" -> "b1.html" [label="=="];
+  "c.html" -> "c1.html" [label="!="];
+}

tests/wpt/web-platform-tests/docs/assets/main.scss

@@ -0,0 +1,177 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@charset "utf-8";
+
+// Namespaces
+@namespace svg "http://www.w3.org/2000/svg";
+
+// Our variables
+$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$base-font-size:   16px;
+$base-font-weight: 400;
+$small-font-size:  $base-font-size * 0.875;
+$base-line-height: 1.5;
+
+$spacing-unit:     30px;
+
+$text-color:       #111;
+$background-color: #fdfdfd;
+$brand-color:      #2a7ae2;
+
+$grey-color:       #828282;
+$grey-color-light: lighten($grey-color, 40%);
+$grey-color-dark:  darken($grey-color, 25%);
+
+// Width of the content area
+$content-width:    800px;
+
+$on-palm:          600px;
+$on-laptop:        800px;
+
+// Minima also includes a mixin for defining media queries.
+// Use media queries like this:
+// @include media-query($on-palm) {
+//     .wrapper {
+//         padding-right: $spacing-unit / 2;
+//         padding-left: $spacing-unit / 2;
+//     }
+// }
+
+// Import partials from the `minima` theme.
+@import "minima";
+
+// Our custom styles
+
+// Home page blocks
+nav.home {
+    ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
+
+    li {
+        display: block;
+        width: 50%;
+        float: left;
+        box-sizing: border-box;
+        margin-bottom: $spacing-unit / 2;
+    }
+
+    li:nth-child(2n+1) {
+        clear: both;
+        padding-right: $spacing-unit / 2;
+    }
+
+    li:nth-child(2n) {
+        padding-left: $spacing-unit / 2;
+    }
+
+    li h2 {
+        font-size: 20px;
+        text-align: center;
+    }
+
+    li p {
+        font-size: $small-font-size;
+    }
+
+    div {
+        text-align: center;
+    }
+
+    svg {
+        width: auto;
+        height: $spacing-unit * 2;
+    }
+
+    svg|*[fill] {
+        fill: currentColor;
+    }
+}
+
+
+// TTWF include iframes
+iframe.ttwf {
+    border: 1px solid grey;
+    width: 100%;
+    max-width: 990px;
+    height: 75vh;
+    margin: 0 auto;
+    display: block;
+    box-sizing: border-box;
+}
+
+
+// Site nav (class name is to avoid conflict with minima defined .site-nav)
+.wpt-site-nav {
+    float: right;
+    line-height: normal;
+    position: absolute;
+    top: 9px;
+    right: $spacing-unit / 2;
+    background-color: $background-color;
+    border: 1px solid $grey-color-light;
+    border-radius: 5px;
+    text-align: right;
+    max-height: calc(100vh - 38px);
+    overflow: auto;
+
+    ul {
+        list-style: none;
+        margin: 0;
+    }
+
+    ul ul {
+        padding-right: $spacing-unit / 4;
+        border-right: ($spacing-unit / 4 * 3) solid $grey-color-light;
+        font-size: 14px;
+    }
+
+    .page-link {
+        color: $text-color;
+        line-height: $base-line-height;
+        display: block;
+        padding: 5px 10px;
+        margin-left: 20px;
+    }
+
+    .menu-icon {
+        display: block;
+        float: right;
+        width: 36px;
+        height: 26px;
+        line-height: 0;
+        padding-top: 10px;
+        text-align: center;
+
+        > svg path {
+            fill: $grey-color-dark;
+        }
+    }
+
+    .trigger {
+        clear: both;
+        display: none;
+        padding-bottom: 5px;
+    }
+
+    &:hover .trigger,
+    &:focus .trigger {
+        display: block;
+    }
+
+    /* duplicated from above to avoid breaking UAs that don't support it */
+    &:focus-within .trigger {
+        display: block;
+    }
+
+    .trigger[aria-hidden="true"] {
+        display: none !important;
+    }
+
+    .trigger[aria-hidden="false"] {
+        display: block !important;
+    }
+}

tests/wpt/web-platform-tests/docs/assets/menu.js

@@ -0,0 +1,20 @@
+(function() {
+  var site_nav = document.querySelector(".wpt-site-nav");
+  var trigger = document.querySelector(".wpt-site-nav .trigger");
+
+  var show = function(e) {
+    trigger.setAttribute("aria-hidden", "false");
+  };
+
+  var hide_if_relatedTarget_elsewhere = function(e) {
+    if (!site_nav.contains(e.relatedTarget)) {
+      trigger.setAttribute("aria-hidden", "true");
+    }
+  };
+
+  site_nav.addEventListener("focus", show, false);
+  site_nav.addEventListener("blur", hide_if_relatedTarget_elsewhere, true);
+
+  site_nav.addEventListener("mouseenter", show, false);
+  site_nav.addEventListener("mouseleave", hide_if_relatedTarget_elsewhere, false);
+})();

tests/wpt/web-platform-tests/docs/assets/reftest_graph_example.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.40.1 (20161225.0304)
+ -->
+<!-- Title: reftest_graph_example Pages: 1 -->
+<svg width="174pt" height="216pt"
+ viewBox="0.00 0.00 174.25 216.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 212)">
+<title>reftest_graph_example</title>
+<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-212 170.2546,-212 170.2546,4 -4,4"/>
+<!-- a.html -->
+<g id="node1" class="node">
+<title>a.html</title>
+<ellipse fill="none" stroke="#000000" cx="81.3756" cy="-190" rx="32.4147" ry="18"/>
+<text text-anchor="middle" x="81.3756" y="-185.8" font-family="Times,serif" font-size="14.00" fill="#000000">a.html</text>
+</g>
+<!-- b.html -->
+<g id="node2" class="node">
+<title>b.html</title>
+<ellipse fill="none" stroke="#000000" cx="40.3756" cy="-104" rx="32.9078" ry="18"/>
+<text text-anchor="middle" x="40.3756" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">b.html</text>
+</g>
+<!-- a.html&#45;&gt;b.html -->
+<g id="edge1" class="edge">
+<title>a.html&#45;&gt;b.html</title>
+<path fill="none" stroke="#000000" d="M73.0787,-172.5966C67.3923,-160.6692 59.7365,-144.6106 53.2618,-131.0295"/>
+<polygon fill="#000000" stroke="#000000" points="56.2638,-129.1931 48.801,-121.6727 49.9451,-132.2056 56.2638,-129.1931"/>
+<text text-anchor="middle" x="71.2711" y="-142.8" font-family="Times,serif" font-size="14.00" fill="#000000">==</text>
+</g>
+<!-- c.html -->
+<g id="node3" class="node">
+<title>c.html</title>
+<ellipse fill="none" stroke="#000000" cx="127.3756" cy="-104" rx="32.4147" ry="18"/>
+<text text-anchor="middle" x="127.3756" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">c.html</text>
+</g>
+<!-- a.html&#45;&gt;c.html -->
+<g id="edge2" class="edge">
+<title>a.html&#45;&gt;c.html</title>
+<path fill="none" stroke="#000000" d="M90.6844,-172.5966C97.1688,-160.4736 105.9359,-144.0829 113.2742,-130.3635"/>
+<polygon fill="#000000" stroke="#000000" points="116.4503,-131.8462 118.0807,-121.3775 110.2778,-128.5446 116.4503,-131.8462"/>
+<text text-anchor="middle" x="115.2711" y="-142.8" font-family="Times,serif" font-size="14.00" fill="#000000">==</text>
+</g>
+<!-- b1.html -->
+<g id="node4" class="node">
+<title>b1.html</title>
+<ellipse fill="none" stroke="#000000" cx="37.3756" cy="-18" rx="37.2516" ry="18"/>
+<text text-anchor="middle" x="37.3756" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">b1.html</text>
+</g>
+<!-- b.html&#45;&gt;b1.html -->
+<g id="edge3" class="edge">
+<title>b.html&#45;&gt;b1.html</title>
+<path fill="none" stroke="#000000" d="M39.7394,-85.7616C39.3416,-74.3597 38.821,-59.4342 38.3696,-46.494"/>
+<polygon fill="#000000" stroke="#000000" points="41.8575,-46.084 38.0109,-36.2121 34.8618,-46.3281 41.8575,-46.084"/>
+<text text-anchor="middle" x="47.2711" y="-56.8" font-family="Times,serif" font-size="14.00" fill="#000000">==</text>
+</g>
+<!-- c1.html -->
+<g id="node5" class="node">
+<title>c1.html</title>
+<ellipse fill="none" stroke="#000000" cx="129.3756" cy="-18" rx="36.7585" ry="18"/>
+<text text-anchor="middle" x="129.3756" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">c1.html</text>
+</g>
+<!-- c.html&#45;&gt;c1.html -->
+<g id="edge4" class="edge">
+<title>c.html&#45;&gt;c1.html</title>
+<path fill="none" stroke="#000000" d="M127.7998,-85.7616C128.0649,-74.3597 128.412,-59.4342 128.713,-46.494"/>
+<polygon fill="#000000" stroke="#000000" points="132.2185,-46.2908 128.9521,-36.2121 125.2204,-46.128 132.2185,-46.2908"/>
+<text text-anchor="middle" x="134.6544" y="-56.8" font-family="Times,serif" font-size="14.00" fill="#000000">!=</text>
+</g>
+</g>
+</svg>