TypeScriptP/tests/baselines/reference/checkJsxIntersectionElementPropsType.types at 850c19b583ace6b59ddd0dfa4719d63632342ba9 · ace-tk/TypeScriptP · 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
//// [tests/cases/conformance/jsx/checkJsxIntersectionElementPropsType.tsx] ////

=== checkJsxIntersectionElementPropsType.tsx ===
declare namespace JSX {
    interface ElementAttributesProperty { props: {}; }
>props : {}
>      : ^^
}

declare class Component<P> {
>Component : Component<P>
>          : ^^^^^^^^^^^^

  constructor(props: Readonly<P>);
>props : Readonly<P>
>      : ^^^^^^^^^^^

  readonly props: Readonly<P>;
>props : Readonly<P>
>      : ^^^^^^^^^^^
}

class C<T> extends Component<{ x?: boolean; } & T> {}
>C : C<T>
>  : ^^^^
>Component : Component<{ x?: boolean | undefined; } & T>
>          : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
>x : boolean | undefined
>  : ^^^^^^^^^^^^^^^^^^^

const y = new C({foobar: "example"});
>y : C<{ foobar: string; }>
>  : ^^^^^^^^^^^^^^^^^^^^^^
>new C({foobar: "example"}) : C<{ foobar: string; }>
>                           : ^^^^^^^^^^^^^^^^^^^^^^
>C : typeof C
>  : ^^^^^^^^
>{foobar: "example"} : { foobar: string; }
>                    : ^^^^^^^^^^^^^^^^^^^
>foobar : string
>       : ^^^^^^
>"example" : "example"
>          : ^^^^^^^^^

const x = <C foobar="example" />
>x : error
><C foobar="example" /> : error
>C : typeof C
>  : ^^^^^^^^
>foobar : string
>       : ^^^^^^