Merge pull request #31815 from gb714us/bug/31631

create outlining span for JsxFragment

Author: sheetalkamat

src/services/outliningElementsCollector.ts

@@ -198,6 +198,8 @@ namespace ts.OutliningElementsCollector {
                 return spanForObjectOrArrayLiteral(n, SyntaxKind.OpenBracketToken);
             case SyntaxKind.JsxElement:
                 return spanForJSXElement(<JsxElement>n);
+            case SyntaxKind.JsxFragment:
+                return spanForJSXFragment(<JsxFragment>n);
             case SyntaxKind.JsxSelfClosingElement:
             case SyntaxKind.JsxOpeningElement:
                 return spanForJSXAttributes((<JsxOpeningLikeElement>n).attributes);
@@ -210,6 +212,12 @@ namespace ts.OutliningElementsCollector {
             return createOutliningSpan(textSpan, OutliningSpanKind.Code, textSpan, /*autoCollapse*/ false, bannerText);
         }
 
+        function spanForJSXFragment(node: JsxFragment): OutliningSpan | undefined {
+            const textSpan = createTextSpanFromBounds(node.openingFragment.getStart(sourceFile), node.closingFragment.getEnd());
+            const bannerText = "<>...</>";
+            return createOutliningSpan(textSpan, OutliningSpanKind.Code, textSpan, /*autoCollapse*/ false, bannerText);
+        }
+
         function spanForJSXAttributes(node: JsxAttributes): OutliningSpan | undefined {
             if (node.properties.length === 0) {
                 return undefined;

tests/cases/fourslash/getJSXOutliningSpans.tsx

@@ -25,9 +25,12 @@
 ////          md: 5
 ////        }|]}|]
 ////      />
+////      [|<>
+////          text 
+////      </>|]
 ////    </div>|]
 ////    );
 ////  }|]
 ////}|]
 
-verify.outliningSpansInCurrentFile(test.ranges(), "code");
+verify.outliningSpansInCurrentFile(test.ranges(), "code");