Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Hello world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Component2 = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Goodbye world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Root = React.createClass({\n+ getInitialState: function() {\n+ return {toggled: false};\n+ },\n+ toggle: function() {\n+ this.setState({toggled: !this.state.toggled});\n+ },\n+ render: function() {\n+ if (this.state.toggled) {\n+ return <Component2 \/>;\n+ }\n+ return <Component \/>;\n+ }\n+ });\n+\n+ ReactMount.allowFullPageRender = true;\n+ var component = React.renderComponent(<Root \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Hello world ');\n+\n+ \/\/ Reactive update via state transition\n+ component.toggle();\n+\n+ expect(document.body.innerHTML).toBe(' Goodbye world ');\n+\n+ });\n+\n+ it('should be able to switch root constructors', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Hello world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Component2 = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Goodbye world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Hello world ');\n+\n+ \/\/ Reactive update\n+ React.renderComponent(<Component2 \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Goodbye world ');\n+\n+ });\n+\n+ it('should be able to update a root component', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ {this.props.text}\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component text=\"Hello world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Hello world');\n+\n+ \/\/ Add a sentinel to be sure we don't blow away old nodes\n+ document.getElementsByTagName('title')[0].setAttribute(\n+ 'data-yolo-king',\n+ 'phunt'\n+ );\n+ var oldHead = document.head.innerHTML;\n+ expect(oldHead.indexOf('data-yolo-king') > -1).toBe(true);\n+\n+ \/\/ Reactive update\n+ React.renderComponent(<Component text=\"Goodbye world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Goodbye world');\n+\n+ \/\/ Head has not changed, nodes were not blown away.\n+ expect(document.head.innerHTML).toEqual(oldHead);\n+ });\n+\n+ it('should be able to mount into document', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ {this.props.text}\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component text=\"Hello world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Hello world');\n });\n \n it('should not throw on full document rendering', function() {\n@@ -148,4 +311,5 @@ describe('ReactComponent', function() {\n ReactTestUtils.renderIntoDocument(instance);\n expect(instance.isMounted()).toBeTruthy();\n });\n+\n });\n"}</article></body></html>

{"files":[{"path":"src\/core\/__tests__\/ReactComponent-test.js","status":"M"}],"commit":{"shortRevision":"8664c8ac57","authorEmail":"pete@instagram.com","subject":"Test cases covering rendering onto document","authorName":"Pete Hunt","authoredAt":"2013-09-04T15:51:09-07:00","revision":"8664c8ac5704a29c6deac44853e3350fccb7729e"},"body":"There were some bug reports here, I couldn't reproduce but wrote tests anyway. We should definitely have these.","parents":["dea0cc01cf92af4ee7966130f1a6d01203655442"],"patch":"diff --git a\/src\/core\/__tests__\/ReactComponent-test.js b\/src\/core\/__tests__\/ReactComponent-test.js\nindex 0a78d56915..8455a661e7 100644\n--- a\/src\/core\/__tests__\/ReactComponent-test.js\n+++ b\/src\/core\/__tests__\/ReactComponent-test.js\n@@ -31,6 +31,169 @@ describe('ReactComponent', function() {\n ReactMount = require('ReactMount');\n ReactTestUtils = require('ReactTestUtils');\n reactComponentExpect = require('reactComponentExpect');\n+\n+ \/\/ This module is whitelisted from automocking so manually\n+ \/\/ reset it.\n+ ReactMount.allowFullPageRender = false;\n+ });\n+\n+ it('should be able to switch root constructors via state', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ \n+ \n+ Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Hello world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Component2 = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Goodbye world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Root = React.createClass({\n+ getInitialState: function() {\n+ return {toggled: false};\n+ },\n+ toggle: function() {\n+ this.setState({toggled: !this.state.toggled});\n+ },\n+ render: function() {\n+ if (this.state.toggled) {\n+ return <Component2 \/>;\n+ }\n+ return <Component \/>;\n+ }\n+ });\n+\n+ ReactMount.allowFullPageRender = true;\n+ var component = React.renderComponent(<Root \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Hello world ');\n+\n+ \/\/ Reactive update via state transition\n+ component.toggle();\n+\n+ expect(document.body.innerHTML).toBe(' Goodbye world ');\n+\n+ });\n+\n+ it('should be able to switch root constructors', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Hello world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ var Component2 = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ Goodbye world\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Hello world ');\n+\n+ \/\/ Reactive update\n+ React.renderComponent(<Component2 \/>, document);\n+\n+ expect(document.body.innerHTML).toBe(' Goodbye world ');\n+\n+ });\n+\n+ it('should be able to update a root component', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ {this.props.text}\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component text=\"Hello world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Hello world');\n+\n+ \/\/ Add a sentinel to be sure we don't blow away old nodes\n+ document.getElementsByTagName('title')[0].setAttribute(\n+ 'data-yolo-king',\n+ 'phunt'\n+ );\n+ var oldHead = document.head.innerHTML;\n+ expect(oldHead.indexOf('data-yolo-king') > -1).toBe(true);\n+\n+ \/\/ Reactive update\n+ React.renderComponent(<Component text=\"Goodbye world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Goodbye world');\n+\n+ \/\/ Head has not changed, nodes were not blown away.\n+ expect(document.head.innerHTML).toEqual(oldHead);\n+ });\n+\n+ it('should be able to mount into document', function() {\n+ var Component = React.createClass({\n+ render: function() {\n+ return (\n+ <html>\n+ <head>\n+ <title>Hello World<\/title>\n+ <\/head>\n+ <body>\n+ {this.props.text}\n+ <\/body>\n+ <\/html>\n+ );\n+ }\n+ });\n+ ReactMount.allowFullPageRender = true;\n+ React.renderComponent(<Component text=\"Hello world\" \/>, document);\n+\n+ expect(document.body.innerHTML).toBe('Hello world');\n });\n \n it('should not throw on full document rendering', function() {\n@@ -148,4 +311,5 @@ describe('ReactComponent', function() {\n ReactTestUtils.renderIntoDocument(instance);\n expect(instance.isMounted()).toBeTruthy();\n });\n+\n });\n"}</article></body></html>

dillon1000/react

Files changed