add outlining spans for array destructuring elements (microsoft#38191)

Author: a-tarasyuk

src/services/outliningElementsCollector.ts

@@ -218,6 +218,8 @@ namespace ts.OutliningElementsCollector {
             case SyntaxKind.TemplateExpression:
             case SyntaxKind.NoSubstitutionTemplateLiteral:
                 return spanForTemplateLiteral(<TemplateExpression | NoSubstitutionTemplateLiteral>n);
+            case SyntaxKind.ArrayBindingPattern:
+                return spanForNode(n, /*autoCollapse*/ false, /*useFullStart*/ !isBindingElement(n.parent), SyntaxKind.OpenBracketToken);
         }
 
         function spanForJSXElement(node: JsxElement): OutliningSpan | undefined {

tests/cases/fourslash/getOutliningForArrayDestructuring.ts

@@ -0,0 +1,45 @@
+/// <reference path="fourslash.ts"/>
+
+////const[| [
+////    a,
+////    b,
+////    c
+////]|] =[| [
+////    1,
+////    2,
+////    3
+////]|];
+
+////const[| [
+////    [|[
+////        [|[
+////            [|[
+////                a,
+////                b,
+////                c
+////            ]|]
+////        ]|]
+////    ]|],
+////    [|[
+////        a1,
+////        b1,
+////        c1
+////    ]|]
+////]|] =[| [
+////    [|[
+////        [|[
+////            [|[
+////                1,
+////                2,
+////                3
+////            ]|]
+////        ]|]
+////    ]|],
+////    [|[
+////        1,
+////        2,
+////        3
+////    ]|]
+////]|]
+
+verify.outliningSpansInCurrentFile(test.ranges(), "code");