Updated baselines and tests

Author: armanio123

tests/baselines/reference/errorSpanForUnclosedJsxTag.js

@@ -17,5 +17,6 @@ var Foo = {
 };
 var Baz = function () { };
 var x = React.createElement(Foo.Bar, null,
-    "Hello let y = ",
+    "Hello let y =",
+    " ",
     React.createElement(Baz, null, "Hello"));

tests/baselines/reference/inlineJsxFactoryDeclarationsLocalTypes.js

@@ -96,9 +96,11 @@ exports.tree = exports.MyClass = exports.MySFC = void 0;
 var renderer2_1 = require("./renderer2");
 var MySFC = function (props) { return renderer2_1.predom("p", null,
     props.x,
-    " + ",
+    " +",
+    " ",
     props.y,
-    " = ",
+    " =",
+    " ",
     props.x + props.y,
     _this.props.children); };
 exports.MySFC = MySFC;
@@ -109,9 +111,11 @@ var MyClass = /** @class */ (function () {
     MyClass.prototype.render = function () {
         return renderer2_1.predom("p", null,
             this.props.x,
-            " + ",
+            " +",
+            " ",
             this.props.y,
-            " = ",
+            " =",
+            " ",
             this.props.x + this.props.y,
             this.props.children);
     };
@@ -132,9 +136,11 @@ var elem = component_1["default"];
 elem = renderer_1.dom("h", null); // Expect assignability error here
 var DOMSFC = function (props) { return renderer_1.dom("p", null,
     props.x,
-    " + ",
+    " +",
+    " ",
     props.y,
-    " = ",
+    " =",
+    " ",
     props.x + props.y,
     props.children); };
 var DOMClass = /** @class */ (function () {
@@ -144,9 +150,11 @@ var DOMClass = /** @class */ (function () {
     DOMClass.prototype.render = function () {
         return renderer_1.dom("p", null,
             this.props.x,
-            " + ",
+            " +",
+            " ",
             this.props.y,
-            " = ",
+            " =",
+            " ",
             this.props.x + this.props.y,
             this.props.children);
     };

tests/baselines/reference/jsxChildrenIndividualErrorElaborations.errors.txt

@@ -39,10 +39,9 @@ tests/cases/compiler/index.tsx(74,9): error TS2322: Type 'number' is not assigna
 
       Hello unexpected text!
     ~~~~~~~~~~~~~~~~~~~~~~~~
-    </Blah>
-    
 !!! error TS2747: 'Blah' components don't accept text as child elements. Text in JSX has the type 'string', but the expected type of 'children' is '(x: number) => string'.
 !!! related TS6500 tests/cases/compiler/index.tsx:5:3: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & Props'
+    </Blah>
 
     // Blah components don't accept multiple children.
     var a = <Blah>
@@ -112,10 +111,9 @@ tests/cases/compiler/index.tsx(74,9): error TS2322: Type 'number' is not assigna
 
       Hello unexpected text!
     ~~~~~~~~~~~~~~~~~~~~~~~~
-    </Blah3>
-    
 !!! error TS2747: 'Blah3' components don't accept text as child elements. Text in JSX has the type 'string', but the expected type of 'children' is 'Cb | Cb[]'.
 !!! related TS6500 tests/cases/compiler/index.tsx:54:3: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & PropsMixed'
+    </Blah3>
 
     // Blah3 components don't accept multiple children of the wrong type.
     var a = <Blah3>

tests/baselines/reference/tsxReactEmit3.js

@@ -9,9 +9,12 @@ declare var Foo, Bar, baz;
 //// [test.js]
 React.createElement(Foo, null,
     " ",
-    React.createElement(Bar, null, " q "),
+    React.createElement(Bar, null,
+        " q",
+        " "),
     " ",
     React.createElement(Bar, null),
-    "   s ",
+    "   s",
+    " ",
     React.createElement(Bar, null),
     React.createElement(Bar, null));

tests/baselines/reference/tsxReactEmitEntities.js

@@ -23,7 +23,9 @@ declare var React: any;
 <div>&#x1F408;&#x1F415;&#128007;&#128017;</div>;
 
 //// [file.js]
-React.createElement("div", null, "Dot goes here: \u00B7 &notAnEntity; ");
+React.createElement("div", null,
+    "Dot goes here: \u00B7 &notAnEntity;",
+    " ");
 React.createElement("div", null, "Be careful of \"-ed strings!");
 React.createElement("div", null, "{{braces}}");
 // Escapes do nothing

tests/baselines/reference/tsxReactEmitWhitespace.js

@@ -82,7 +82,9 @@ React.createElement("div", null, p);
 // Emit "  3"
 React.createElement("div", null, "  3");
 // Emit "  3  "
-React.createElement("div", null, "  3  ");
+React.createElement("div", null,
+    "  3",
+    "  ");
 // Emit "3"
 React.createElement("div", null, "3");
 // Emit no args
@@ -92,4 +94,6 @@ React.createElement("div", null, "foo bar");
 // Emit "hello\\ world"
 React.createElement("div", null, "hello\\ world");
 // Emit "  a b  c d  "
-React.createElement("div", null, "  a b  c d  ");
+React.createElement("div", null,
+    "  a b  c d",
+    "  ");

tests/baselines/reference/tsxReactEmitWhitespace2.js

@@ -19,7 +19,8 @@ declare var React: any;
 //// [file.js]
 // Emit ' word' in the last string
 React.createElement("div", null,
-    "word ",
+    "word",
+    " ",
     React.createElement("code", null, "code"),
     " word");
 // Same here

tests/baselines/reference/tsxUnionElementType1.js

@@ -21,7 +21,9 @@ function SFC1(prop) {
 }
 ;
 function SFC2(prop) {
-    return React.createElement("h1", null, "World ");
+    return React.createElement("h1", null,
+        "World",
+        " ");
 }
 var SFCComp = SFC1 || SFC2;
 React.createElement(SFCComp, { x: true });

tests/baselines/reference/tsxUnionElementType2.js

@@ -21,7 +21,9 @@ function SFC1(prop) {
 }
 ;
 function SFC2(prop) {
-    return React.createElement("h1", null, "World ");
+    return React.createElement("h1", null,
+        "World",
+        " ");
 }
 var SFCComp = SFC1 || SFC2;
 React.createElement(SFCComp, { x: "hi" });

tests/cases/fourslash/syntacticClassificationsJsx1.ts

@@ -16,7 +16,8 @@ verify.syntacticClassificationsAre(
                 c.jsxAttribute("b"), c.operator("="), c.punctuation("{"), c.numericLiteral("1"), c.punctuation("}"),
             c.punctuation(">"),
             c.jsxText(`
-    some jsx text
+    some jsx text`),
+            c.jsxText(`
 `),
         c.punctuation("<"), c.punctuation("/"), c.jsxCloseTagName("div"), c.punctuation(">"), c.punctuation(";"),
     c.keyword("let"), c.identifier("y"), c.operator("="),
@@ -26,8 +27,8 @@ verify.syntacticClassificationsAre(
            c.punctuation("/"), c.punctuation(">")
 ) 
 
-const c2 = classification("2020");
-verify.semanticClassificationsAre("2020",
-    c2.semanticToken("variable.declaration", "x"), 
-    c2.semanticToken("variable.declaration", "y"), 
+const c2 = classification("2020");
+verify.semanticClassificationsAre("2020",
+    c2.semanticToken("variable.declaration", "x"), 
+    c2.semanticToken("variable.declaration", "y"), 
 );

tests/cases/fourslash/syntacticClassificationsJsx2.ts

@@ -16,7 +16,8 @@ verify.syntacticClassificationsAre(
                 c.jsxAttribute("c"), c.operator("="), c.punctuation("{"), c.numericLiteral("1"), c.punctuation("}"),
             c.punctuation(">"),
             c.jsxText(`
-    some jsx text
+    some jsx text`),
+            c.jsxText(`
 `),
         c.punctuation("<"), c.punctuation("/"), c.jsxCloseTagName("div.name"), c.punctuation(">"), c.punctuation(";"),
     c.keyword("let"), c.identifier("y"), c.operator("="),
@@ -26,8 +27,8 @@ verify.syntacticClassificationsAre(
            c.punctuation("/"), c.punctuation(">")
 ) 
 
-const c2 = classification("2020");
-verify.semanticClassificationsAre("2020",
-    c2.semanticToken("variable.declaration", "x"), 
-    c2.semanticToken("variable.declaration", "y"), 
+const c2 = classification("2020");
+verify.semanticClassificationsAre("2020",
+    c2.semanticToken("variable.declaration", "x"), 
+    c2.semanticToken("variable.declaration", "y"), 
 );