{"files":[{"status":"M","path":"src\/renderers\/dom\/__tests__\/ReactDOMProduction-test.js"}],"commit":{"authorName":"Dan Abramov","authorEmail":"dan.abramov@gmail.com","authoredAt":"2017-07-27T14:58:03+01:00","subject":"Add smoke tests for styles (including SSR) (#10308)","revision":"44c74c7b124056649ca9d9887bb73f28d9bc7685","shortRevision":"44c74c7b12"},"parents":["69d07612c56fe2e0f1933b20504462e2aada5b9c"],"body":"* Add style to ReactDOM smoke test\r\n\r\n* Add production smoke test for ReactDOMServer","patch":"diff --git a\/src\/renderers\/dom\/__tests__\/ReactDOMProduction-test.js b\/src\/renderers\/dom\/__tests__\/ReactDOMProduction-test.js\nindex 4658675604..d4fab65a45 100644\n--- a\/src\/renderers\/dom\/__tests__\/ReactDOMProduction-test.js\n+++ b\/src\/renderers\/dom\/__tests__\/ReactDOMProduction-test.js\n@@ -15,6 +15,7 @@ describe('ReactDOMProduction', () => {\n \n var React;\n var ReactDOM;\n+ var ReactDOMServer;\n var oldProcess;\n \n beforeEach(() => {\n@@ -31,6 +32,7 @@ describe('ReactDOMProduction', () => {\n jest.resetModules();\n React = require('react');\n ReactDOM = require('react-dom');\n+ ReactDOMServer = require('react-dom\/server');\n });\n \n afterEach(() => {\n@@ -64,7 +66,7 @@ describe('ReactDOMProduction', () => {\n \n var container = document.createElement('div');\n var inst = ReactDOM.render(\n-

\n+

\n A<\/Component>\n B<\/Component>\n C<\/Component>\n@@ -74,10 +76,11 @@ describe('ReactDOMProduction', () => {\n \n expect(container.firstChild).toBe(inst);\n expect(inst.className).toBe('blue');\n+ expect(inst.style.fontFamily).toBe('Helvetica');\n expect(inst.textContent).toBe('ABC');\n \n ReactDOM.render(\n-

\n+

\n B<\/Component>\n A<\/Component>\n C<\/Component>\n@@ -86,6 +89,7 @@ describe('ReactDOMProduction', () => {\n );\n \n expect(inst.className).toBe('red');\n+ expect(inst.style.fontFamily).toBe('Comic Sans MS');\n expect(inst.textContent).toBe('BAC');\n \n ReactDOM.unmountComponentAtNode(container);\n@@ -93,6 +97,30 @@ describe('ReactDOMProduction', () => {\n expect(container.childNodes.length).toBe(0);\n });\n \n+ it('should handle a simple flow (ssr)', () => {\n+ class Component extends React.Component {\n+ render() {\n+ return {this.props.children}<\/span>;\n+ }\n+ }\n+\n+ var container = document.createElement('div');\n+ var markup = ReactDOMServer.renderToString(\n+

\n+ A<\/Component>\n+ B<\/Component>\n+ C<\/Component>\n+ <\/div>,\n+ container,\n+ );\n+ container.innerHTML = markup;\n+ var inst = container.firstChild;\n+\n+ expect(inst.className).toBe('blue');\n+ expect(inst.style.fontFamily).toBe('Helvetica');\n+ expect(inst.textContent).toBe('ABC');\n+ });\n+\n it('should call lifecycle methods', () => {\n var log = [];\n class Component extends React.Component {\n"}

dillon1000/react

Files changed