TypeScript/tests/baselines/reference/jsxElementTypeLiteral.types at e32358b71649af979a872f661007e8745d70206d · jakebailey/TypeScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
//// [tests/cases/compiler/jsxElementTypeLiteral.tsx] ////

=== Performance Stats ===
Assignability cache: 2,500
Type Count: 10,000
Instantiation count: 100,000
Symbol count: 50,000

=== jsxElementTypeLiteral.tsx ===
/// <reference path="react16.d.ts" />
import * as React from "react";
>React : typeof React
>      : ^^^^^^^^^^^^

declare global {
>global : any
>       : ^^^

  namespace JSX {
    // This should only use keys of JSX.IntrinsicElements.
    // Diverging here to illustrate different error messages.
    type ElementType = "div";
>ElementType : "div"
>            : ^^^^^
  }
}

// should be fine - `ElementType` accepts `div`
let a = <div />;
>a : JSX.Element
>  : ^^^^^^^^^^^
><div /> : JSX.Element
>        : ^^^^^^^^^^^
>div : any
>    : ^^^

// should be an error - `ElementType` does not accept `span`
let b = <span />;
>b : JSX.Element
>  : ^^^^^^^^^^^
><span /> : JSX.Element
>         : ^^^^^^^^^^^
>span : any
>     : ^^^

// Should be an error.
// `ruhroh` is in neither `IntrinsicElements` nor `ElementType`
let c = <ruhroh />;
>c : JSX.Element
>  : ^^^^^^^^^^^
><ruhroh /> : JSX.Element
>           : ^^^^^^^^^^^
>ruhroh : any
>       : ^^^