diff options
Diffstat (limited to 'devtools/client/webconsole/test/node/components/message-container.test.js')
-rw-r--r-- | devtools/client/webconsole/test/node/components/message-container.test.js | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/node/components/message-container.test.js b/devtools/client/webconsole/test/node/components/message-container.test.js new file mode 100644 index 0000000000..303de1692e --- /dev/null +++ b/devtools/client/webconsole/test/node/components/message-container.test.js @@ -0,0 +1,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); + }); + }); +}); |