summaryrefslogtreecommitdiffstats
path: root/devtools/shared/qrcode/tests/chrome/test_decode.html
blob: cc74de29677b0baa7dab6c690bba03f5cf032dc5 (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
<!DOCTYPE HTML>
<html>
<!--
Test decoding a simple message
-->
<head>
  <meta charset="utf-8">
  <title>Test decoding a simple message</title>

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
  <script type="application/javascript">
"use strict";

window.onload = function() {

  const { require } = ChromeUtils.importESModule("resource://devtools/shared/loader/Loader.sys.mjs");

  const QR = require("devtools/shared/qrcode/index");

  SimpleTest.waitForExplicitFinish();

  const testImage =
    "data:image/gif;base64,R0lGODdhOgA6AIAAAAAAAP///ywAAAAAOgA6AAAC" +
    "/4yPqcvtD6OctNqLs968+w+G4gKU5nkaKKquLuW+QVy2tAkDTj3rfQts8CRDko" +
    "+HPPoYRUgy9YsyldDm44mLWhHYZM6W7WaDqyCRGkZDySxpRGw2sqvLt1q5w/fo" +
    "XyE6vnUQOJUHBlinMGh046V1F5PDqNcoqcgBOWKBKbK2N+aY+Ih49VkmqMcl2l" +
    "dkhZUK1umE6jZXJ2ZJaujZaRqH4bpb2uZrJxvIt4Ebe9qoYYrJOsw8apz2bCut" +
    "m9kqDcw52uuImyr5Oh1KXH1jrn2anuunywtODU/o2c6teceW39ZcLFg/fNMo1b" +
    "t3jVw2dwTPwJq1KYG3gAklCgu37yGxeScYKyiCc+7DR34hPVQiuQ7UhJMagyEb" +
    "lymmzJk0a9q8iTOnzp0NCgAAOw==";

  (async function () {
    let result = await QR.decodeFromURI(testImage);
    is(result, "HELLO", "Decoded data URI result matches");
    const canvas = await drawToCanvas(testImage);
    result = QR.decodeFromCanvas(canvas);
    is(result, "HELLO", "Decoded canvas result matches");
  })().then(SimpleTest.finish, ok.bind(null, false));

  function drawToCanvas(src) {
    return new Promise(resolve => {
      const canvas = document.createElement("canvas");
      const context = canvas.getContext("2d");
      const image = new Image();

      image.onload = () => {
        canvas.width = image.width;
        canvas.height = image.height;
        context.drawImage(image, 0, 0);
        resolve(canvas);
      };
      image.src = src;
    });
  }
};
  </script>
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
</pre>
</body>
</html>