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
|
/// <reference path='fourslash.ts' />
// Repro https://github.com/Microsoft/TypeScript/issues/42829
// @jsx: preserve
// @filename: a.tsx
////export default function ComponentThatExhibitsIssue() {
//// return <div>
//// /*a*/ <div className="some-nested-data">
//// hello from my nested component
//// </div>
////
//// /*b*/
//// </div>
goTo.file("a.tsx");
goTo.select("a", "b");
edit.applyRefactor({
refactorName: "Extract Symbol",
actionName: "function_scope_1",
actionDescription: "Extract to function in module scope",
newContent:
`export default function ComponentThatExhibitsIssue() {
return <div>
{newFunction()}
</div>
function /*RENAME*/newFunction() {
return <div className="some-nested-data">
hello from my nested component
</div>;
}
`
});
|
