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
67
68
69
70
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
const {
MESSAGE_LEVEL,
MESSAGE_TYPE,
} = require("resource://devtools/client/webconsole/constants.js");
const expect = require("expect");
const { render } = require("enzyme");
const {
createFactory,
} = require("resource://devtools/client/shared/vendor/react.js");
const MessageIcon = createFactory(
require("resource://devtools/client/webconsole/components/Output/MessageIcon.js")
);
describe("MessageIcon component:", () => {
it("renders icon based on level", () => {
const rendered = render(MessageIcon({ level: MESSAGE_LEVEL.ERROR }));
expect(rendered.hasClass("icon")).toBe(true);
expect(rendered.attr("title")).toBe("Error");
expect(rendered.attr("aria-live")).toBe("off");
});
it("renders logpoint items", () => {
const rendered = render(
MessageIcon({
level: MESSAGE_LEVEL.LOG,
type: "logPoint",
})
);
expect(rendered.hasClass("logpoint")).toBe(true);
});
it("renders evaluation expression items", () => {
const rendered = render(
MessageIcon({
level: MESSAGE_LEVEL.LOG,
type: MESSAGE_TYPE.COMMAND,
})
);
expect(rendered.hasClass("icon")).toBe(true);
expect(rendered.attr("title")).toBe("Evaluated code");
});
it("renders evaluation expression result items", () => {
const rendered = render(
MessageIcon({
level: MESSAGE_LEVEL.LOG,
type: MESSAGE_TYPE.RESULT,
})
);
expect(rendered.hasClass("icon")).toBe(true);
expect(rendered.attr("title")).toBe("Evaluation result");
});
it("renders icon with custom title", () => {
const expectedTitle = "Rendered with custom title";
const rendered = render(
MessageIcon({
level: MESSAGE_LEVEL.INFO,
type: "info",
title: expectedTitle,
})
);
expect(rendered.attr("title")).toBe(expectedTitle);
});
});
|
