Add tests that <a>/<area> can be downloaded without user interaction

That is, that calling .click() does not throw at least, as it used to per-spec. Matches the HTML change at whatwg/html#2136 per the HTML bug report at whatwg/html#2116.
web-platform-tests · Dec 5, 2016 · 5c12cd9 · 5c12cd9
1 parent b8a93c2
commit 5c12cd9
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/html/semantics/embedded-content/the-area-element/area-download-click.html b/html/semantics/embedded-content/the-area-element/area-download-click.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Clicking on an &lt;area> element with a download attribute must not throw an exception</title>
+<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-area-element:activation-behaviour">
+<link rel="help" href="https://github.com/whatwg/html/issues/2116">
+
+<img src="/images/threecolors.png" usemap="#x" id="img" width="300" height="300">
+<map name="x">
+  <area id="blob-url" download="foo.html" coords="0,0,300,300">
+</map>
+
+<script>
+"use strict";
+
+const string = "test";
+const blob = new Blob([string], { type: "text/html" });
+
+const link = document.querySelector("#blob-url");
+link.href = URL.createObjectURL(blob);
+
+link.click();
+</script>
diff --git a/html/semantics/text-level-semantics/the-a-element/a-download-click.html b/html/semantics/text-level-semantics/the-a-element/a-download-click.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Clicking on an &lt;a> element with a download attribute must not throw an exception</title>
+<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-a-element:activation-behaviour">
+<link rel="help" href="https://github.com/whatwg/html/issues/2116">
+
+<a id="blob-url" download="foo.html">Click me</a>
+
+<script>
+"use strict";
+
+const string = "test";
+const blob = new Blob([string], { type: "text/html" });
+
+const link = document.querySelector("#blob-url");
+link.href = URL.createObjectURL(blob);
+
+link.click();
+</script>