Bug 1170572 - Web Platform Test for setting MQ on picture source after srcset. r=jdm

2016-02-14 14:05:00 +01:00 · 2016-02-14 14:05:00 +01:00 · 140ab016c2
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@ -33758,7 +33758,16 @@
  },
  "local_changes": {
    "deleted": [],
-    "items": {},
+    "items": {
+      "testharness": {
+        "html/semantics/embedded-content/the-img-element/update-media.html": [
+          {
+            "path": "html/semantics/embedded-content/the-img-element/update-media.html",
+            "url": "/html/semantics/embedded-content/the-img-element/update-media.html"
+          }
+        ]
+      }
+    },
    "reftest_nodes": {}
  },
  "reftest_nodes": {
--- a/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/update-media.html
+++ b/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/update-media.html
@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>img update media</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+    var t = async_test('set media after src updates selected image');
+
+    var img;
+
+    onload = t.step_func(function() {
+        img = document.querySelector('img');
+        img.addEventListener('load', t.step_func_done(onImgLoad));
+
+        var source = document.querySelector('source[data-media]');
+        source.setAttribute('media', source.getAttribute('data-media'));
+    });
+
+    function onImgLoad() {
+        img.removeEventListener('load', onImgLoad);
+
+        assert_true(img.currentSrc.indexOf(img.getAttribute('data-expect')) > -1);
+    }
+
+</script>
+
+<div id="log"></div>
+<picture>
+    <source srcset="/images/fail.gif" data-media="(max-width: 1px)" />
+    <source srcset="/images/smiley.png" />
+    <img data-expect="/images/smiley.png">
+</picture>