Fix JSX name in folding ranges (#2199)

Author: jakebailey

internal/fourslash/tests/foldingRangeJSXPropertyAccess_test.go

@@ -0,0 +1,26 @@
+package fourslash_test
+
+import (
+	"testing"
+
+	"github.com/microsoft/typescript-go/internal/fourslash"
+	"github.com/microsoft/typescript-go/internal/testutil"
+)
+
+func TestFoldingRangeJSXPropertyAccess(t *testing.T) {
+	t.Parallel()
+
+	defer testutil.RecoverAndFail(t, "Panic on fourslash test")
+	const content = `// @jsx: preserve
+// @Filename: /a.tsx
+const Components =[| {
+  Nested: () => null
+}|];
+
+export const Test = () =>[| {
+  return [|<Components.Nested></Components.Nested>|];
+}|];`
+	f, done := fourslash.NewFourslash(t, nil /*capabilities*/, content)
+	defer done()
+	f.VerifyOutliningSpans(t)
+}

internal/ls/folding.go

@@ -430,7 +430,7 @@ func spanForJSXElement(node *ast.Node, sourceFile *ast.SourceFile, l *LanguageSe
 	if node.Kind == ast.KindJsxElement {
 		jsxElement := node.AsJsxElement()
 		textRange := l.createLspRangeFromBounds(astnav.GetStartOfNode(jsxElement.OpeningElement, sourceFile, false /*includeJSDoc*/), jsxElement.ClosingElement.End(), sourceFile)
-		tagName := jsxElement.OpeningElement.TagName().Text()
+		tagName := scanner.GetTextOfNode(jsxElement.OpeningElement.TagName())
 		bannerText := "<" + tagName + ">...</" + tagName + ">"
 		return createFoldingRange(textRange, "", bannerText)
 	}