Make test clearer

Author: jakebailey

tests/baselines/reference/parseJsxExtends1.js

@@ -1,14 +1,18 @@
 //// [index.tsx]
+declare const React: any;
+
 export function Foo() {
+    // No error; "const" is lowercase and therefore intrinsic.
     return <const T extends/>
 }
 
 
-//// [index.jsx]
+//// [index.js]
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Foo = void 0;
 function Foo() {
-    return <const T extends/>;
+    // No error; "const" is lowercase and therefore intrinsic.
+    return React.createElement("const", { T: true, extends: true });
 }
 exports.Foo = Foo;

tests/baselines/reference/parseJsxExtends1.symbols

@@ -1,9 +1,13 @@
 === tests/cases/compiler/index.tsx ===
+declare const React: any;
+>React : Symbol(React, Decl(index.tsx, 0, 13))
+
 export function Foo() {
->Foo : Symbol(Foo, Decl(index.tsx, 0, 0))
+>Foo : Symbol(Foo, Decl(index.tsx, 0, 25))
 
+    // No error; "const" is lowercase and therefore intrinsic.
     return <const T extends/>
->T : Symbol(T, Decl(index.tsx, 1, 17))
->extends : Symbol(extends, Decl(index.tsx, 1, 19))
+>T : Symbol(T, Decl(index.tsx, 4, 17))
+>extends : Symbol(extends, Decl(index.tsx, 4, 19))
 }
 

tests/baselines/reference/parseJsxExtends1.types

@@ -1,7 +1,11 @@
 === tests/cases/compiler/index.tsx ===
+declare const React: any;
+>React : any
+
 export function Foo() {
 >Foo : () => any
 
+    // No error; "const" is lowercase and therefore intrinsic.
     return <const T extends/>
 ><const T extends/> : error
 >const : any

tests/baselines/reference/parseJsxExtends2.errors.txt

@@ -1,8 +1,11 @@
-tests/cases/compiler/index.tsx(2,13): error TS2304: Cannot find name 'T'.
+tests/cases/compiler/index.tsx(5,13): error TS2304: Cannot find name 'T'.
 
 
 ==== tests/cases/compiler/index.tsx (1 errors) ====
+    declare const React: any;
+    
     export function Foo() {
+        // Error: T is not declared.
         return <T extends/>
                 ~
 !!! error TS2304: Cannot find name 'T'.

tests/baselines/reference/parseJsxExtends2.js

@@ -1,14 +1,18 @@
 //// [index.tsx]
+declare const React: any;
+
 export function Foo() {
+    // Error: T is not declared.
     return <T extends/>
 }
 
 
-//// [index.jsx]
+//// [index.js]
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Foo = void 0;
 function Foo() {
-    return <T extends/>;
+    // Error: T is not declared.
+    return React.createElement(T, { extends: true });
 }
 exports.Foo = Foo;

tests/baselines/reference/parseJsxExtends2.symbols

@@ -1,8 +1,12 @@
 === tests/cases/compiler/index.tsx ===
+declare const React: any;
+>React : Symbol(React, Decl(index.tsx, 0, 13))
+
 export function Foo() {
->Foo : Symbol(Foo, Decl(index.tsx, 0, 0))
+>Foo : Symbol(Foo, Decl(index.tsx, 0, 25))
 
+    // Error: T is not declared.
     return <T extends/>
->extends : Symbol(extends, Decl(index.tsx, 1, 13))
+>extends : Symbol(extends, Decl(index.tsx, 4, 13))
 }
 

tests/baselines/reference/parseJsxExtends2.types

@@ -1,7 +1,11 @@
 === tests/cases/compiler/index.tsx ===
+declare const React: any;
+>React : any
+
 export function Foo() {
 >Foo : () => any
 
+    // Error: T is not declared.
     return <T extends/>
 ><T extends/> : any
 >T : any

tests/cases/compiler/parseJsxExtends1.ts

@@ -1,6 +1,9 @@
-// @jsx: preserve
+// @jsx: react
 // @filename: index.tsx
 
+declare const React: any;
+
 export function Foo() {
+    // No error; "const" is lowercase and therefore intrinsic.
     return <const T extends/>
 }

tests/cases/compiler/parseJsxExtends2.ts

@@ -1,6 +1,9 @@
-// @jsx: preserve
+// @jsx: react
 // @filename: index.tsx
 
+declare const React: any;
+
 export function Foo() {
+    // Error: T is not declared.
     return <T extends/>
 }