summaryrefslogtreecommitdiffstats
path: root/devtools/client/webconsole/test/node/components/message-container.test.js
blob: 303de1692ec5f69784904dd77d1452847acda0a4 (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
67
68
69
70
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";

// Test utils.
const expect = require("expect");
const { render } = require("enzyme");
const {
  createFactory,
} = require("resource://devtools/client/shared/vendor/react.js");

// Components under test.
let {
  MessageContainer,
  getMessageComponent,
} = require("resource://devtools/client/webconsole/components/Output/MessageContainer.js");
MessageContainer = createFactory(MessageContainer);
const ConsoleApiCall = require("resource://devtools/client/webconsole/components/Output/message-types/ConsoleApiCall.js");
const CSSWarning = require("resource://devtools/client/webconsole/components/Output/message-types/CSSWarning.js");
const EvaluationResult = require("resource://devtools/client/webconsole/components/Output/message-types/EvaluationResult.js");
const PageError = require("resource://devtools/client/webconsole/components/Output/message-types/PageError.js");

// Test fakes.
const {
  stubPreparedMessages,
} = require("resource://devtools/client/webconsole/test/node/fixtures/stubs/index.js");
const serviceContainer = require("resource://devtools/client/webconsole/test/node/fixtures/serviceContainer.js");

describe("MessageContainer component:", () => {
  it("pipes data to children as expected", () => {
    const message = stubPreparedMessages.get("console.log('foobar', 'test')");
    const rendered = render(
      MessageContainer({
        getMessage: () => message,
        serviceContainer,
      })
    );

    expect(rendered.text().includes("foobar")).toBe(true);
  });
  it("picks correct child component", () => {
    const messageTypes = [
      {
        component: ConsoleApiCall,
        message: stubPreparedMessages.get("console.log('foobar', 'test')"),
      },
      {
        component: EvaluationResult,
        message: stubPreparedMessages.get("new Date(0)"),
      },
      {
        component: PageError,
        message: stubPreparedMessages.get(
          "ReferenceError: asdf is not defined"
        ),
      },
      {
        component: CSSWarning,
        message: stubPreparedMessages.get(
          "Unknown property ‘such-unknown-property’.  Declaration dropped."
        ),
      },
    ];

    messageTypes.forEach(info => {
      const { component, message } = info;
      expect(getMessageComponent(message)).toBe(component);
    });
  });
});