Add regression tests for nested elements with a tag name followed by a newline or tab

aaronhuggins · web-flow · commit 2526dd6a06fc · 2025-07-28T12:58:22.000-05:00
Simple elements compile without issue when the tag name is followed by any white space. Nested elements fail to emit the tag name when they contain newline or tab white space.
diff --git a/test/js/unit-testing-react.js b/test/js/unit-testing-react.js
@@ -648,6 +648,24 @@ describe('jsxLoader.js', function() {
             expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, "Hello")');
         });
 
+        it('should compile nested element with newline', function() {
+            resetIfUsingPreact();
+            var jsx = '<Test message="test" value={123}><div\ntitle="test">Hello</div></Test>';
+            var js = jsxLoader.compiler.compile(jsx);
+            console.log(js);
+            console.log(JSON.stringify(js));
+            expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, \n            React.createElement("div", {title: "test"}, "Hello"))');
+        });
+
+        it('should compile nested element with tab', function() {
+            resetIfUsingPreact();
+            var jsx = '<Test message="test" value={123}><div\ttitle="test">Hello</div></Test>';
+            var js = jsxLoader.compiler.compile(jsx);
+            console.log(js);
+            console.log(JSON.stringify(js));
+            expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, \n            React.createElement("div", {title: "test"}, "Hello"))');
+        });
+
         it('should have correct child whitespace nodes', function() {
             resetIfUsingPreact();
             var jsx = '<div><strong className={this.props.cssClass}>Test:</strong> {this.props.name} <section>Test [{this.props.name}] <span className="test">Test2</span></section></div>';
@@ -863,4 +881,4 @@ describe('<JsonData>', function() {
             expect(el.style.color).to.equal('rgb(255, 255, 255)');
         });
     });
-});
+});
