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
|
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test that the selector highlighter is created when hovering over a selector
// in the rule view
const PAGE_CONTENT = [
'<style type="text/css">',
' body, p, td {',
' background: red;',
' }',
'</style>',
'Test the selector highlighter'
].join("\n");
let TYPE = "SelectorHighlighter";
add_task(function*() {
yield addTab("data:text/html;charset=utf-8," + PAGE_CONTENT);
let {view: rView} = yield openRuleView();
let hs = rView.highlighters;
ok(!hs.highlighters[TYPE], "No highlighter exists in the rule-view (1)");
ok(!hs.promises[TYPE], "No highlighter is being created in the rule-view (1)");
info("Faking a mousemove NOT on a selector");
let {valueSpan} = getRuleViewProperty(rView, "body, p, td", "background");
hs._onMouseMove({target: valueSpan});
ok(!hs.highlighters[TYPE], "No highlighter exists in the rule-view (2)");
ok(!hs.promises[TYPE], "No highlighter is being created in the rule-view (2)");
info("Faking a mousemove on the body selector");
let selectorContainer = getRuleViewSelector(rView, "body, p, td");
// The highlighter appears for individual selectors only
let bodySelector = selectorContainer.firstElementChild;
hs._onMouseMove({target: bodySelector});
ok(hs.promises[TYPE], "The highlighter is being initialized");
let h = yield hs.promises[TYPE];
is(h, hs.highlighters[TYPE], "The initialized highlighter is the right one");
});
|
