summaryrefslogtreecommitdiffstats
path: root/toolkit/components/webextensions/test/mochitest/test_ext_contentscript_css.html
blob: 5630a1d6801fd111ac6363a9f811bae092b707e7 (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
<!DOCTYPE HTML>
<html>
<head>
  <title>Test for content script</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/SpawnTask.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/ExtensionTestUtils.js"></script>
  <script type="text/javascript" src="head.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>

<script type="text/javascript">
"use strict";

add_task(function* test_content_script_css() {
  let extension = ExtensionTestUtils.loadExtension({
    manifest: {
      "content_scripts": [{
        "matches": ["http://mochi.test/*/file_sample.html"],
        "css": ["content.css"],
      }],
    },

    files: {
      "content.css": "body { max-width: 42px; }",
    },
  });

  yield extension.startup();

  let win = window.open("file_sample.html");
  yield waitForLoad(win);

  let style = win.getComputedStyle(win.document.body);
  is(style.maxWidth, "42px", "Stylesheet correctly applied");

  yield extension.unload();

  style = win.getComputedStyle(win.document.body);
  is(style.maxWidth, "none", "Stylesheet correctly removed");

  win.close();
});
</script>

</body>
</html>