{"files":[{"status":"A","path":"vendor\/fbtransform\/transforms\/__tests__\/react-test.js"},{"status":"A","path":"vendor\/fbtransform\/transforms\/__tests__\/reactDisplayName-test.js"}],"commit":{"subject":"Sync out transform tests","authorName":"Paul O’Shannessy","shortRevision":"af1af19d39","authorEmail":"paul@oshannessy.com","authoredAt":"2014-06-19T15:14:54-04:00","revision":"af1af19d395ee23f1947eadf57eccf5500db71ba"},"patch":"diff --git a\/vendor\/fbtransform\/transforms\/__tests__\/react-test.js b\/vendor\/fbtransform\/transforms\/__tests__\/react-test.js\nnew file mode 100644\nindex 0000000000..546db630d7\n--- \/dev\/null\n+++ b\/vendor\/fbtransform\/transforms\/__tests__\/react-test.js\n@@ -0,0 +1,360 @@\n+\/**\n+ * Copyright 2013-2014 Facebook, Inc.\n+ *\n+ * Licensed under the Apache License, Version 2.0 (the \"License\");\n+ * you may not use this file except in compliance with the License.\n+ * You may obtain a copy of the License at\n+ *\n+ * http:\/\/www.apache.org\/licenses\/LICENSE-2.0\n+ *\n+ * Unless required by applicable law or agreed to in writing, software\n+ * distributed under the License is distributed on an \"AS IS\" BASIS,\n+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n+ * See the License for the specific language governing permissions and\n+ * limitations under the License.\n+ *\n+ * @emails javascript@lists.facebook.com\n+ *\/\n+\"use strict\";\n+\n+require('mock-modules').autoMockOff();\n+\n+describe('react jsx', function() {\n+ var transformAll = require('..\/..\/syntax.js').transformAll;\n+\n+ var transform = function(code, options, excludes) {\n+ return transformAll(\n+ code,\n+ options,\n+ (excludes || []).concat(['sourcemeta', 'allocate'])\n+ );\n+ };\n+\n+ it('should convert simple tags', function() {\n+ var code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =

<\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = React.DOM.div(null);'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should convert simple text', function() {\n+ var code = [\n+ '\/**@jsx React.DOM*\/\\n' +\n+ 'var x =

text<\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = React.DOM.div(null, \"text\");'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should have correct comma in nested children', function() {\n+ var code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =

',\n+ '

<\/div>',\n+ ' {foo}
{bar}<\/Component>',\n+ '
',\n+ '<\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = React.DOM.div(null, ',\n+ ' React.DOM.div(null, React.DOM.br(null)), ',\n+ ' Component(null, foo, React.DOM.br(null), bar), ',\n+ ' React.DOM.br(null)',\n+ ');'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should avoid wrapping in extra parens if not needed', function() {\n+ \/\/ Try with a single composite child, wrapped in a div.\n+ var code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =

',\n+ ' ',\n+ '<\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = React.DOM.div(null, ',\n+ ' Component(null)',\n+ ');'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+\n+ \/\/ Try with a single interpolated child, wrapped in a div.\n+ code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =

',\n+ ' {this.props.children}',\n+ '<\/div>;'\n+ ].join('\\n');\n+ result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = React.DOM.div(null, ',\n+ ' this.props.children',\n+ ');'\n+ ].join('\\n');\n+ expect(transform(code).code).toEqual(result);\n+\n+ \/\/ Try with a single interpolated child, wrapped in a composite.\n+ code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = ',\n+ ' {this.props.children}',\n+ '<\/Composite>;'\n+ ].join('\\n');\n+ result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = Composite(null, ',\n+ ' this.props.children',\n+ ');'\n+ ].join('\\n');\n+ expect(transform(code).code).toEqual(result);\n+\n+ \/\/ Try with a single composite child, wrapped in a composite.\n+ code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = ',\n+ ' ',\n+ '<\/Composite>;'\n+ ].join('\\n');\n+ result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x = Composite(null, ',\n+ ' Composite2(null)',\n+ ');'\n+ ].join('\\n');\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should insert commas after expressions before whitespace', function() {\n+ var code = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =',\n+ ' ',\n+ ' <\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**@jsx React.DOM*\/',\n+ 'var x =',\n+ ' React.DOM.div({',\n+ ' attr1: ',\n+ ' \"foo\" + \"bar\", ',\n+ ' ',\n+ ' attr2: ',\n+ ' \"foo\" + \"bar\" +',\n+ ' ',\n+ ' \"baz\" + \"bug\", ',\n+ ' ',\n+ ' attr3: ',\n+ ' \"foo\" + \"bar\" +',\n+ ' \"baz\" + \"bug\", ',\n+ ' \/\/ Extra line here.',\n+ ' ',\n+ ' attr4: \"baz\"}',\n+ ' );'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should properly handle comments adjacent to children', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'var x = (',\n+ '

',\n+ ' {\/* A comment at the beginning *\/}',\n+ ' {\/* A second comment at the beginning *\/}',\n+ ' ',\n+ ' {\/* A nested comment *\/}',\n+ ' <\/span>',\n+ ' {\/* A sandwiched comment *\/}',\n+ '
',\n+ ' {\/* A comment at the end *\/}',\n+ ' {\/* A second comment at the end *\/}',\n+ ' <\/div>',\n+ ');'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'var x = (',\n+ ' React.DOM.div(null, ',\n+ ' \/* A comment at the beginning *\/',\n+ ' \/* A second comment at the beginning *\/',\n+ ' React.DOM.span(null',\n+ ' \/* A nested comment *\/',\n+ ' ), ',\n+ ' \/* A sandwiched comment *\/',\n+ ' React.DOM.br(null)',\n+ ' \/* A comment at the end *\/',\n+ ' \/* A second comment at the end *\/',\n+ ' )',\n+ ');'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should properly handle comments between props', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'var x = (',\n+ ' ',\n+ ' ',\n+ ' <\/div>',\n+ ');'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'var x = (',\n+ ' React.DOM.div({',\n+ ' \/* a multi-line',\n+ ' comment *\/',\n+ ' attr1: \"foo\"}, ',\n+ ' React.DOM.span({\/\/ a double-slash comment',\n+ ' attr2: \"bar\"}',\n+ ' )',\n+ ' )',\n+ ');'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should not strip tags with a single child of ', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ '

<\/div>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'React.DOM.div(null, \"\\u00A0 \");'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should handle hasOwnProperty correctly', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'testing<\/hasOwnProperty>;'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'hasOwnProperty(null, \"testing\");'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should allow constructor as prop', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ ';'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'Component({constructor: \"foo\"});'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should allow JS namespacing', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ ';'\n+ ].join('\\n');\n+ var result = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ 'Namespace.Component(null);'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toBe(result);\n+ });\n+\n+ it('should disallow XML namespacing', function() {\n+ var code = [\n+ '\/**',\n+ ' * @jsx React.DOM',\n+ ' *\/',\n+ ';'\n+ ].join('\\n');\n+\n+ expect(() => transform(code)).toThrow();\n+ });\n+\n+});\ndiff --git a\/vendor\/fbtransform\/transforms\/__tests__\/reactDisplayName-test.js b\/vendor\/fbtransform\/transforms\/__tests__\/reactDisplayName-test.js\nnew file mode 100644\nindex 0000000000..f833f268e8\n--- \/dev\/null\n+++ b\/vendor\/fbtransform\/transforms\/__tests__\/reactDisplayName-test.js\n@@ -0,0 +1,150 @@\n+\/**\n+ * Copyright 2013-2014 Facebook, Inc.\n+ *\n+ * Licensed under the Apache License, Version 2.0 (the \"License\");\n+ * you may not use this file except in compliance with the License.\n+ * You may obtain a copy of the License at\n+ *\n+ * http:\/\/www.apache.org\/licenses\/LICENSE-2.0\n+ *\n+ * Unless required by applicable law or agreed to in writing, software\n+ * distributed under the License is distributed on an \"AS IS\" BASIS,\n+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n+ * See the License for the specific language governing permissions and\n+ * limitations under the License.\n+ *\n+ * @emails javascript@lists.facebook.com\n+ *\/\n+\"use strict\";\n+\n+require('mock-modules').autoMockOff();\n+\n+var transformAll = require('..\/..\/syntax.js').transformAll;\n+\n+function transform(source) {\n+ return transformAll(source, {}, ['allocate']);\n+}\n+\n+describe('react displayName jsx', function() {\n+\n+ it('should only inject displayName if missing', function() {\n+ var code = [\n+ '\/** @jsx React.DOM *\/',\n+ '\"use strict\";',\n+ 'var Whateva = React.createClass({',\n+ ' displayName: \\'Whateva\\',',\n+ ' render: function() {',\n+ ' return

...whateva.<\/div>;',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ var result = [\n+ '\/** @jsx React.DOM *\/',\n+ '\"use strict\";',\n+ 'var Whateva = React.createClass({',\n+ ' displayName: \\'Whateva\\',',\n+ ' render: function() {',\n+ ' return React.DOM.div({className: \"whateva\"}, \"...whateva.\");',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should inject displayName in simple assignment', () => {\n+ var code = [\n+ '\/** @jsx React.DOM *\/',\n+ 'var Component = React.createClass({',\n+ ' render: function() {',\n+ ' return ;',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ var result = [\n+ '\/** @jsx React.DOM *\/',\n+ 'var Component = React.createClass({displayName: \\'Component\\',',\n+ ' render: function() {',\n+ ' return React.DOM.div(null);',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should inject displayName in simple assignment without var', () => {\n+ var code = [\n+ '\/** @jsx React.DOM *\/',\n+ 'var Component;',\n+ 'Component = React.createClass({',\n+ ' render: function() {',\n+ ' return ;',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ var result = [\n+ '\/** @jsx React.DOM *\/',\n+ 'var Component;',\n+ 'Component = React.createClass({displayName: \\'Component\\',',\n+ ' render: function() {',\n+ ' return React.DOM.div(null);',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should inject displayName in property assignment', () => {\n+ var code = [\n+ '\/** @jsx React.DOM *\/',\n+ 'exports.Component = React.createClass({',\n+ ' render: function() {',\n+ ' return ;',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ var result = [\n+ '\/** @jsx React.DOM *\/',\n+ 'exports.Component = React.createClass({displayName: \\'Component\\',',\n+ ' render: function() {',\n+ ' return React.DOM.div(null);',\n+ ' }',\n+ '});'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+ it('should inject displayName in object declaration', () => {\n+ var code = [\n+ '\/** @jsx React.DOM *\/',\n+ 'exports = {',\n+ ' Component: React.createClass({',\n+ ' render: function() {',\n+ ' return ;',\n+ ' }',\n+ ' })',\n+ '};'\n+ ].join('\\n');\n+\n+ var result = [\n+ '\/** @jsx React.DOM *\/',\n+ 'exports = {',\n+ ' Component: React.createClass({displayName: \\'Component\\',',\n+ ' render: function() {',\n+ ' return React.DOM.div(null);',\n+ ' }',\n+ ' })',\n+ '};'\n+ ].join('\\n');\n+\n+ expect(transform(code).code).toEqual(result);\n+ });\n+\n+});\n","body":"","parents":["2c85658c69c8037540e06c9655bb7ecee0836e0c"]}

dillon1000/react

Files changed