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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
/// <reference path="fourslash.ts" />
// @allowJs: true
// @checkJs: true
// @noEmit: true
// @jsx: react
// @esModuleInterop: true
// @skipLibCheck: true
// @Filename: declarations.d.ts
////declare namespace JSX {
//// interface Element {}
//// interface IntrinsicElements { [index: string]: {} }
////}
////declare var React: any;
// @Filename: MyComponent.jsx
////class MyComponent extends React.Component {
//// render() {
//// return (
//// <div>
//// {[|/*1*/doesNotExist|]}
//// </div>
//// );
//// }
////}
// @Filename: MyComponent2.jsx
////class MyComponent2 extends React.Component {
//// render() {
//// return (
//// <div>
//// Aleph{[|/*2*/doesNotExist|]}Bet
//// </div>
//// );
//// }
////}
// @Filename: MyComponent3.jsx
////class MyComponent3 extends React.Component {
//// render() {
//// return (
//// <div>
//// <[|/*3*/DoesNotExist|] />
//// </div>
//// );
//// }
////}
goTo.file(1);
verify.getSyntacticDiagnostics([]);
verify.getSemanticDiagnostics([{ code: 2304, message: "Cannot find name 'doesNotExist'." }]);
verify.codeFix({
index: 0,
description: "Ignore this error message",
newFileContent: `class MyComponent extends React.Component {
render() {
return (
<div>
{
// @ts-ignore
doesNotExist}
</div>
);
}
}`
});
goTo.file(2);
verify.codeFix({
index: 0,
description: "Ignore this error message",
newFileContent: `class MyComponent2 extends React.Component {
render() {
return (
<div>
Aleph{
// @ts-ignore
doesNotExist}Bet
</div>
);
}
}`
});
goTo.file(3);
verify.codeFix({
index: 0,
description: "Ignore this error message",
newFileContent: `class MyComponent3 extends React.Component {
render() {
return (
<div>
<
// @ts-ignore
DoesNotExist />
</div>
);
}
}`
});
|
