File: extract-const_jsxFragment3.ts

package info (click to toggle)
node-typescript 4.8.4%2Bds1-2
  • links: PTS, VCS
  • area: main
  • in suites: bookworm
  • size: 523,068 kB
  • sloc: javascript: 1,735,777; makefile: 7; sh: 1
file content (35 lines) | stat: -rw-r--r-- 775 bytes parent folder | download | duplicates (4)
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
/// <reference path='fourslash.ts' />

// @jsx: preserve
// @filename: a.tsx
////declare var React: any;
////class Foo extends React.Component<{}, {}> {
////    render() {
////        return (
////            <div>
////                /*a*/<></>/*b*/
////            </div>
////        );
////    }
////}

goTo.file("a.tsx");
goTo.select("a", "b");
edit.applyRefactor({
    refactorName: "Extract Symbol",
    actionName: "constant_scope_1",
    actionDescription: "Extract to readonly field in class 'Foo'",
    newContent:
`declare var React: any;
class Foo extends React.Component<{}, {}> {
    private readonly newProperty = <></>;

    render() {
        return (
            <div>
                {this./*RENAME*/newProperty}
            </div>
        );
    }
}`
});