chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/front_end/panels/sources/OutlineQuickOpen.test.ts

@@ -1,1064 +0,0 @@
-// Copyright 2022 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
-import * as UI from '../../ui/legacy/legacy.js';
-
-import * as Sources from './sources.js';
-
-describe('OutlineQuickOpen', () => {
-  describe('generates a correct JavaScript outline', () => {
-    function javaScriptOutline(doc: string) {
-      const extensions = [CodeMirror.javascript.javascript()];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for empty scripts', () => {
-      assert.isEmpty(javaScriptOutline(''));
-    });
-
-    it('for simple function statements', () => {
-      assert.deepEqual(
-          javaScriptOutline('function f() {}'),
-          [
-            {title: 'f', subtitle: '()', lineNumber: 0, columnNumber: 9},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('function func(param) { return param; }'),
-          [
-            {title: 'func', subtitle: '(param)', lineNumber: 0, columnNumber: 9},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('function foo(a, b, c) {}'),
-          [
-            {title: 'foo', subtitle: '(a, b, c)', lineNumber: 0, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for function statements with rest arguments', () => {
-      assert.deepEqual(
-          javaScriptOutline('function func(...rest) {}'),
-          [
-            {title: 'func', subtitle: '(...rest)', lineNumber: 0, columnNumber: 9},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('function foo(a, b, ...c) {}'),
-          [
-            {title: 'foo', subtitle: '(a, b, ...c)', lineNumber: 0, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for function statements with pattern parameters', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'function foo({a, b}, c) { return a + b; }\n' +
-              'function bar(a, [b, [c]]) { return a+b; }'),
-          [
-            {title: 'foo', subtitle: '({‥}, c)', lineNumber: 0, columnNumber: 9},
-            {title: 'bar', subtitle: '(a, [‥])', lineNumber: 1, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for nested function statements', () => {
-      assert.deepEqual(
-          javaScriptOutline('function foo(){ function bar() {} function baz(a,b ,c) { }}'),
-          [
-            {title: 'foo', subtitle: '()', lineNumber: 0, columnNumber: 9},
-            {title: 'bar', subtitle: '()', lineNumber: 0, columnNumber: 25},
-            {title: 'baz', subtitle: '(a, b, c)', lineNumber: 0, columnNumber: 43},
-          ],
-      );
-    });
-
-    it('for async function statements', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'async function foo() { };\n' +
-              'async function sum(x, y) { return x + y; }'),
-          [
-            {title: 'async foo', subtitle: '()', lineNumber: 0, columnNumber: 15},
-            {title: 'async sum', subtitle: '(x, y)', lineNumber: 1, columnNumber: 15},
-          ],
-      );
-    });
-
-    it('for generator function statements', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'function* foo() { }\n' +
-              'async function* bar(a,b){}'),
-          [
-            {title: '*foo', subtitle: '()', lineNumber: 0, columnNumber: 10},
-            {title: 'async *bar', subtitle: '(a, b)', lineNumber: 1, columnNumber: 16},
-          ],
-      );
-    });
-
-    it('for function expressions in variable declarations', () => {
-      assert.deepEqual(
-          javaScriptOutline('const a = function(a,b) { }, b = function bar(c,d) { }'),
-          [
-            {title: 'a', subtitle: '(a, b)', lineNumber: 0, columnNumber: 6},
-            {title: 'b', subtitle: '(c, d)', lineNumber: 0, columnNumber: 29},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('let a = function(a,b) { }, b = function bar(c,d) { }'),
-          [
-            {title: 'a', subtitle: '(a, b)', lineNumber: 0, columnNumber: 4},
-            {title: 'b', subtitle: '(c, d)', lineNumber: 0, columnNumber: 27},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('var a = function(a,b) { }, b = function bar(c,d) { }'),
-          [
-            {title: 'a', subtitle: '(a, b)', lineNumber: 0, columnNumber: 4},
-            {title: 'b', subtitle: '(c, d)', lineNumber: 0, columnNumber: 27},
-          ],
-      );
-    });
-
-    it('for function expressions in property assignments', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'a.b.c = function(d, e) { };\n' +
-              'a.b[c] = function() { };\n' +
-              'a.b[c].d = function() { };\n' +
-              '(a || b).c = function() { };\n'),
-          [
-            {title: 'c', subtitle: '(d, e)', lineNumber: 0, columnNumber: 4},
-            {title: 'd', subtitle: '()', lineNumber: 2, columnNumber: 7},
-            {title: 'c', subtitle: '()', lineNumber: 3, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for function expressions in object literals', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'x = { run: function() { }, get count() { }, set count(value) { }};\n' +
-              'var foo = { "bar": function() { }};\n' +
-              'var foo = { 42: function() { }}\n'),
-          [
-            {title: 'run', subtitle: '()', lineNumber: 0, columnNumber: 6},
-            {title: 'get count', subtitle: '()', lineNumber: 0, columnNumber: 31},
-            {title: 'set count', subtitle: '(value)', lineNumber: 0, columnNumber: 48},
-          ],
-      );
-    });
-
-    it('for arrow functions in variable declarations', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'var a = x => x + 2;\n' +
-              'var b = (x, y) => x + y'),
-          [
-            {title: 'a', subtitle: '(x)', lineNumber: 0, columnNumber: 4},
-            {title: 'b', subtitle: '(x, y)', lineNumber: 1, columnNumber: 4},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline(
-              'let x = (a,b) => a + b, y = a => { return a; };\n' +
-              'const z = x => x'),
-          [
-            {title: 'x', subtitle: '(a, b)', lineNumber: 0, columnNumber: 4},
-            {title: 'y', subtitle: '(a)', lineNumber: 0, columnNumber: 24},
-            {title: 'z', subtitle: '(x)', lineNumber: 1, columnNumber: 6},
-          ],
-      );
-    });
-
-    it('for arrow functions in property assignments', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'a.b.c = (d, e) => d + e;\n' +
-              'a.b[c] = () => { };\n' +
-              'a.b[c].d = () => { };\n' +
-              '(a || b).c = () => { };\n'),
-          [
-            {title: 'c', subtitle: '(d, e)', lineNumber: 0, columnNumber: 4},
-            {title: 'd', subtitle: '()', lineNumber: 2, columnNumber: 7},
-            {title: 'c', subtitle: '()', lineNumber: 3, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for arrow functions in object literals', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'const object = {\n' +
-              '  foo: x => x,\n' +
-              '  bar: (a, b) => { return a + b };\n' +
-              '};'),
-          [
-            {title: 'foo', subtitle: '(x)', lineNumber: 1, columnNumber: 2},
-            {title: 'bar', subtitle: '(a, b)', lineNumber: 2, columnNumber: 2},
-          ],
-      );
-    });
-
-    it('for async function expressions', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'const foo = async function() { };\n' +
-              'var sum = async (x, y) => x + y;'),
-          [
-            {title: 'async foo', subtitle: '()', lineNumber: 0, columnNumber: 6},
-            {title: 'async sum', subtitle: '(x, y)', lineNumber: 1, columnNumber: 4},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('obj.foo = async function() { return this; }'),
-          [
-            {title: 'async foo', subtitle: '()', lineNumber: 0, columnNumber: 4},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline(
-              '({\n' +
-              '  async foo(x) { },\n' +
-              '  async get x() { },\n' +
-              '  async set x(x) { },\n' +
-              '  bar: async function() {},\n' +
-              ' })'),
-          [
-            {title: 'async foo', subtitle: '(x)', lineNumber: 1, columnNumber: 8},
-            {title: 'async get x', subtitle: '()', lineNumber: 2, columnNumber: 12},
-            {title: 'async set x', subtitle: '(x)', lineNumber: 3, columnNumber: 12},
-            {title: 'async bar', subtitle: '()', lineNumber: 4, columnNumber: 2},
-          ],
-      );
-    });
-
-    it('for generator function expressions', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'const foo = function*(x) { }\n' +
-              'var bar = async function*() {}'),
-          [
-            {title: '*foo', subtitle: '(x)', lineNumber: 0, columnNumber: 6},
-            {title: 'async *bar', subtitle: '()', lineNumber: 1, columnNumber: 4},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline(
-              'const object = { foo: function*(x) { } };\n' +
-              '({ *bar() {}, async *baz() {} })'),
-          [
-            {title: '*foo', subtitle: '(x)', lineNumber: 0, columnNumber: 17},
-            {title: '*bar', subtitle: '()', lineNumber: 1, columnNumber: 4},
-            {title: 'async *baz', subtitle: '()', lineNumber: 1, columnNumber: 21},
-          ],
-      );
-    });
-
-    it('for class statements', () => {
-      assert.deepEqual(
-          javaScriptOutline('class C {}'),
-          [
-            {title: 'class C', lineNumber: 0, columnNumber: 6},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline('class MyAwesomeClass extends C {}'),
-          [
-            {title: 'class MyAwesomeClass', lineNumber: 0, columnNumber: 6},
-          ],
-      );
-    });
-
-    it('for class expressions in variable declarations', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'const C = class C {};\n' +
-              'let A = class extends C {};'),
-          [
-            {title: 'class C', lineNumber: 0, columnNumber: 6},
-            {title: 'class A', lineNumber: 1, columnNumber: 4},
-          ],
-      );
-    });
-
-    it('for class expressions in property assignments', () => {
-      assert.deepEqual(
-          javaScriptOutline('a.b.c = class klass { };'),
-          [{title: 'class c', lineNumber: 0, columnNumber: 4}],
-      );
-    });
-
-    it('for class expressions in object literals', () => {
-      assert.deepEqual(
-          javaScriptOutline('const object = { klass: class { } }'),
-          [{title: 'class klass', lineNumber: 0, columnNumber: 17}],
-      );
-    });
-
-    it('for class constructors', () => {
-      assert.deepEqual(
-          javaScriptOutline('class Test { constructor(foo, bar) { }}'),
-          [
-            {title: 'class Test', lineNumber: 0, columnNumber: 6},
-            {title: 'constructor', subtitle: '(foo, bar)', lineNumber: 0, columnNumber: 13},
-          ],
-      );
-    });
-
-    it('for class methods', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'class Test { foo() {} static bar() { }};\n' +
-              '(class { baz() {} });'),
-          [
-            {title: 'class Test', lineNumber: 0, columnNumber: 6},
-            {title: 'foo', subtitle: '()', lineNumber: 0, columnNumber: 13},
-            {title: 'static bar', subtitle: '()', lineNumber: 0, columnNumber: 29},
-            {title: 'baz', subtitle: '()', lineNumber: 1, columnNumber: 9},
-          ],
-      );
-      assert.deepEqual(
-          javaScriptOutline(
-              'class A {\n' +
-              '  get x() { return 1; }\n' +
-              '  set x(x) {}\n' +
-              '  async foo(){}\n' +
-              '  *bar() {}\n' +
-              '  async*baz() {}\n' +
-              '  static async foo(){}\n' +
-              '}'),
-          [
-            {title: 'class A', lineNumber: 0, columnNumber: 6},
-            {title: 'get x', subtitle: '()', lineNumber: 1, columnNumber: 6},
-            {title: 'set x', subtitle: '(x)', lineNumber: 2, columnNumber: 6},
-            {title: 'async foo', subtitle: '()', lineNumber: 3, columnNumber: 8},
-            {title: '*bar', subtitle: '()', lineNumber: 4, columnNumber: 3},
-            {title: 'async *baz', subtitle: '()', lineNumber: 5, columnNumber: 8},
-            {title: 'static async foo', subtitle: '()', lineNumber: 6, columnNumber: 15},
-          ],
-      );
-    });
-
-    it('for private methods', () => {
-      assert.deepEqual(
-          javaScriptOutline(
-              'class A {\n' +
-              '  private #foo() {}\n' +
-              '  public static #bar(x) {}\n' +
-              '  protected async #baz(){}\n' +
-              '}'),
-          [
-            {title: 'class A', lineNumber: 0, columnNumber: 6},
-            {title: '#foo', subtitle: '()', lineNumber: 1, columnNumber: 10},
-            {title: 'static #bar', subtitle: '(x)', lineNumber: 2, columnNumber: 16},
-            {title: 'async #baz', subtitle: '()', lineNumber: 3, columnNumber: 18},
-          ],
-      );
-    });
-
-    it('even in the presence of syntax errors', () => {
-      assert.deepEqual(
-          javaScriptOutline(`
-function foo(a, b) {
-  if (a > b) {
-    return a;
-}
-
-function bar(eee) {
-  yield foo(eee, 2 * eee);
-}`),
-          [
-            {title: 'foo', subtitle: '(a, b)', lineNumber: 1, columnNumber: 9},
-            {title: 'bar', subtitle: '(eee)', lineNumber: 6, columnNumber: 9},
-          ],
-      );
-    });
-
-    it('for ES5-style class definitions', () => {
-      assert.deepEqual(
-          javaScriptOutline(`var Klass = (function(_super) {
-  function Klass() {
-    _super.apply(this, arguments);
-  }
-
-  Klass.prototype.initialize = function(x, y) {
-    this.x = x;
-    this.y = y;
-  }
-
-  return Klass;
-})(BaseKlass);
-`),
-          [
-            {title: 'Klass', subtitle: '()', lineNumber: 1, columnNumber: 11},
-            {title: 'initialize', subtitle: '(x, y)', lineNumber: 5, columnNumber: 18},
-          ],
-      );
-    });
-  });
-
-  describe('generates a correct JSX outline', () => {
-    function jsxOutline(doc: string) {
-      const extensions = [CodeMirror.javascript.javascript({jsx: true})];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for an empty script', () => {
-      assert.deepEqual(jsxOutline(''), []);
-    });
-
-    it('for a simple hello world template', () => {
-      assert.deepEqual(
-          jsxOutline(`
-function getGreeting(user) {
-  if (user) {
-    return <h1>Hello, {formatName(user)}!</h1>;
-  }
-  return <h1>Hello, Stranger.</h1>;
-}
-
-const formatName = (name) => {
-  return <blink>{name}</blink>;
-}`),
-          [
-            {title: 'getGreeting', subtitle: '(user)', lineNumber: 1, columnNumber: 9},
-            {title: 'formatName', subtitle: '(name)', lineNumber: 8, columnNumber: 6},
-          ],
-      );
-    });
-  });
-
-  describe('generates a correct TypeScript outline', () => {
-    function typeScriptOutline(doc: string) {
-      const extensions = [CodeMirror.javascript.javascript({typescript: true})];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for an empty script', () => {
-      assert.deepEqual(typeScriptOutline(''), []);
-    });
-
-    it('for function definitions with types', () => {
-      assert.deepEqual(
-          typeScriptOutline(
-              'function foo(x: T): T { return x; }\n' +
-              'async function func(param: Klass): Promise<Klass> { return param; }'),
-          [
-            {title: 'foo', subtitle: '(x)', lineNumber: 0, columnNumber: 9},
-            {title: 'async func', subtitle: '(param)', lineNumber: 1, columnNumber: 15},
-          ],
-      );
-      assert.deepEqual(
-          typeScriptOutline(
-              'const sum = (o: {a: number; b: number, c: number}) => o.a + o.b + o.c;',
-              ),
-          [
-            {title: 'sum', subtitle: '(o)', lineNumber: 0, columnNumber: 6},
-          ],
-      );
-    });
-
-    it('for variable declarations with types', () => {
-      assert.deepEqual(
-          typeScriptOutline(
-              'let foo: (a: string) => string = a => a;\n' +
-              'const bar:(x:number,y:number)=>number = function(x:number, y:number) { return x + y; }'),
-          [
-            {title: 'foo', subtitle: '(a)', lineNumber: 0, columnNumber: 4},
-            {title: 'bar', subtitle: '(x, y)', lineNumber: 1, columnNumber: 6},
-          ],
-      );
-    });
-
-    it('for classes, functions, and methods that use type parameters', () => {
-      assert.deepEqual(
-          typeScriptOutline('class Foo<Bar> {}'),
-          [{title: 'class Foo', lineNumber: 0, columnNumber: 6}],
-      );
-      assert.deepEqual(
-          typeScriptOutline(
-              'function foo<Bar>(bar: Bar): Bar { return new Bar(); }\n' +
-              'function bar<A, B, C>(): A { return a; }'),
-          [
-            {title: 'foo', subtitle: '(bar)', lineNumber: 0, columnNumber: 9},
-            {title: 'bar', subtitle: '()', lineNumber: 1, columnNumber: 9},
-          ],
-      );
-      assert.deepEqual(
-          typeScriptOutline('class A { foo<D>(d: D): D { return d; } }'),
-          [
-            {title: 'class A', lineNumber: 0, columnNumber: 6},
-            {title: 'foo', subtitle: '(d)', lineNumber: 0, columnNumber: 10},
-          ],
-      );
-    });
-
-    it('for abstract classes', () => {
-      assert.deepEqual(
-          typeScriptOutline('abstract class Foo {};'),
-          [
-            {title: 'class Foo', lineNumber: 0, columnNumber: 15},
-          ],
-      );
-    });
-
-    it('for abstract methods', () => {
-      assert.deepEqual(
-          typeScriptOutline('class Foo { abstract foo() {} abstract async bar() {} };'),
-          [
-            {title: 'class Foo', lineNumber: 0, columnNumber: 6},
-            {title: 'abstract foo', subtitle: '()', lineNumber: 0, columnNumber: 21},
-            {title: 'abstract async bar', subtitle: '()', lineNumber: 0, columnNumber: 45},
-          ],
-      );
-    });
-
-    it('for overridden methods', () => {
-      assert.deepEqual(
-          typeScriptOutline(
-              'class Foo extends Bar {\n' +
-              ' override foo() {}\n' +
-              ' override *bar() {}\n' +
-              '};'),
-          [
-            {title: 'class Foo', lineNumber: 0, columnNumber: 6},
-            {title: 'foo', subtitle: '()', lineNumber: 1, columnNumber: 10},
-            {title: '*bar', subtitle: '()', lineNumber: 2, columnNumber: 11},
-          ],
-      );
-    });
-
-    it('for private methods', () => {
-      assert.deepEqual(
-          typeScriptOutline(
-              'class A {\n' +
-              '  private #foo() {}\n' +
-              '  public static #bar(x) {}\n' +
-              '  protected async #baz(){}\n' +
-              '}'),
-          [
-            {title: 'class A', lineNumber: 0, columnNumber: 6},
-            {title: '#foo', subtitle: '()', lineNumber: 1, columnNumber: 10},
-            {title: 'static #bar', subtitle: '(x)', lineNumber: 2, columnNumber: 16},
-            {title: 'async #baz', subtitle: '()', lineNumber: 3, columnNumber: 18},
-          ],
-      );
-    });
-
-    it('for classes and methods with privacy modifiers', () => {
-      assert.deepEqual(
-          typeScriptOutline(
-              'class A {\n' +
-              '  private foo() {}\n' +
-              '  public static bar(x) {}\n' +
-              '  protected async baz(){}\n' +
-              '}'),
-          [
-            {title: 'class A', lineNumber: 0, columnNumber: 6},
-            {title: 'foo', subtitle: '()', lineNumber: 1, columnNumber: 10},
-            {title: 'static bar', subtitle: '(x)', lineNumber: 2, columnNumber: 16},
-            {title: 'async baz', subtitle: '()', lineNumber: 3, columnNumber: 18},
-          ],
-      );
-    });
-
-    it('for functions and methods that use null types', () => {
-      assert.deepEqual(
-          typeScriptOutline('function foo():null { return null; }'),
-          [{title: 'foo', subtitle: '()', lineNumber: 0, columnNumber: 9}],
-      );
-      assert.deepEqual(
-          typeScriptOutline(
-              'class Klass {\n' +
-              '  foo(x:null):null { return x ?? null; }\n' +
-              '    bar():null { return null; }\n' +
-              '      baz():Klass|null { return this; }\n' +
-              '}\n'),
-          [
-            {title: 'class Klass', lineNumber: 0, columnNumber: 6},
-            {title: 'foo', subtitle: '(x)', lineNumber: 1, columnNumber: 2},
-            {title: 'bar', subtitle: '()', lineNumber: 2, columnNumber: 4},
-            {title: 'baz', subtitle: '()', lineNumber: 3, columnNumber: 6},
-          ],
-      );
-    });
-
-    it('ignoring interface declarations', () => {
-      assert.deepEqual(typeScriptOutline('interface IFoo { name(): string; }'), []);
-    });
-
-    it('for class expressions after extends', () => {
-      const outline = typeScriptOutline('class A extends class { foo() } { bar() }');
-      assert.lengthOf(outline, 3);
-      assert.strictEqual(outline[0].title, 'class A');
-      assert.strictEqual(outline[1].title, 'foo');
-      assert.strictEqual(outline[2].title, 'bar');
-    });
-
-    describe('when using decorators', () => {
-      it('on classes', () => {
-        assert.deepEqual(
-            typeScriptOutline(
-                '@Simple @Something.Complex({x: 1}) class A {\n' +
-                '  constructor() {}\n' +
-                '}\n'),
-            [
-              {title: 'class A', lineNumber: 0, columnNumber: 41},
-              {title: 'constructor', subtitle: '()', lineNumber: 1, columnNumber: 2},
-            ],
-        );
-      });
-
-      it('on methods', () => {
-        assert.deepEqual(
-            typeScriptOutline(
-                'new (class {\n' +
-                '  @Simple @Something.Complex({x: 1}) onInit(x, y) {}\n' +
-                '})\n'),
-            [
-              {title: 'onInit', subtitle: '(x, y)', lineNumber: 1, columnNumber: 37},
-            ],
-        );
-      });
-
-      it('on function parameters', () => {
-        assert.deepEqual(
-            typeScriptOutline('function foo(@Simple xyz, @Something.Complex({x: 1}) abc) {}'),
-            [
-              {title: 'foo', subtitle: '(xyz, abc)', lineNumber: 0, columnNumber: 9},
-            ],
-        );
-      });
-
-      it('on method parameters', () => {
-        assert.deepEqual(
-            typeScriptOutline(
-                'new (class {\n' +
-                '  onInit(@Simple y, @Something.Complex({x: 1}) x) {}\n' +
-                '})\n'),
-            [
-              {title: 'onInit', subtitle: '(y, x)', lineNumber: 1, columnNumber: 2},
-            ],
-        );
-      });
-    });
-  });
-
-  describe('generates a correct CSS outline', () => {
-    function cssOutline(doc: string) {
-      const extensions = [CodeMirror.css.css()];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for an empty style sheet', () => {
-      assert.deepEqual(cssOutline(''), []);
-    });
-
-    it('for universal selectors', () => {
-      assert.deepEqual(
-          cssOutline(
-              '* { color: green; }\n' +
-              '  *{\n' +
-              '    background-color: red;\n' +
-              '}'),
-          [
-            {title: '*', lineNumber: 0, columnNumber: 0},
-            {title: '*', lineNumber: 1, columnNumber: 2},
-          ],
-      );
-    });
-
-    it('for type selectors', () => {
-      assert.deepEqual(
-          cssOutline(
-              'input {\n' +
-              '  --custom-color: blue;\n' +
-              '  color: var(--custom-color);\n' +
-              '}\n' +
-              'a { font-size: 12px; };\n'),
-          [
-            {title: 'input', lineNumber: 0, columnNumber: 0},
-            {title: 'a', lineNumber: 4, columnNumber: 0},
-          ],
-      );
-    });
-
-    it('for class selectors', () => {
-      assert.deepEqual(
-          cssOutline(
-              '  .large {\n' +
-              '    font-size: 20px;\n' +
-              '   }\n' +
-              ' a.small { font-size: 12px; };\n'),
-          [
-            {title: '.large', lineNumber: 0, columnNumber: 2},
-            {title: 'a.small', lineNumber: 3, columnNumber: 1},
-          ],
-      );
-    });
-
-    it('for ID selectors', () => {
-      assert.deepEqual(
-          cssOutline('#large {font-size: 20px;} button#small { font-size: 12px; };'),
-          [
-            {title: '#large', lineNumber: 0, columnNumber: 0},
-            {title: 'button#small', lineNumber: 0, columnNumber: 26},
-          ],
-      );
-    });
-
-    it('for attribute selectors', () => {
-      assert.deepEqual(
-          cssOutline(
-              '[aria-label="Exit button"] {}\n' +
-              'details[open]{}\n' +
-              'a[href*="example"]\n'),
-          [
-            {title: '[aria-label="Exit button"]', lineNumber: 0, columnNumber: 0},
-            {title: 'details[open]', lineNumber: 1, columnNumber: 0},
-            {title: 'a[href*="example"]', lineNumber: 2, columnNumber: 0},
-          ],
-      );
-    });
-
-    it('for selector lists', () => {
-      assert.deepEqual(
-          cssOutline('a#id1, a.cls1, hr { content: ""}'),
-          [
-            {title: 'a#id1', lineNumber: 0, columnNumber: 0},
-            {title: 'a.cls1', lineNumber: 0, columnNumber: 7},
-            {title: 'hr', lineNumber: 0, columnNumber: 15},
-          ],
-      );
-    });
-
-    it('for combinators', () => {
-      assert.deepEqual(
-          cssOutline(
-              'div a {}\n' +
-              '.dark > div {}\n' +
-              '.light ~ div {}\n' +
-              ' head + body{}\n'),
-          [
-            {title: 'div a', lineNumber: 0, columnNumber: 0},
-            {title: '.dark > div', lineNumber: 1, columnNumber: 0},
-            {title: '.light ~ div', lineNumber: 2, columnNumber: 0},
-            {title: 'head + body', lineNumber: 3, columnNumber: 1},
-          ],
-      );
-    });
-
-    it('for pseudo-classes', () => {
-      assert.deepEqual(
-          cssOutline(
-              'a:visited{}button:hover{}\n' +
-              ':host {}\n'),
-          [
-            {title: 'a:visited', lineNumber: 0, columnNumber: 0},
-            {title: 'button:hover', lineNumber: 0, columnNumber: 11},
-            {title: ':host', lineNumber: 1, columnNumber: 0},
-          ],
-      );
-    });
-  });
-
-  describe('generates a correct HTML outline', () => {
-    function htmlOutline(doc: string) {
-      const extensions = [CodeMirror.html.html()];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for an empty document', () => {
-      assert.deepEqual(htmlOutline('<!DOCTYPE html><html></html>'), []);
-    });
-
-    it('for a document with a single inline <script>', () => {
-      assert.deepEqual(
-          htmlOutline('<!DOCTYPE html><script>function foo(){}</script>'),
-          [
-            {title: 'foo', subtitle: '()', lineNumber: 0, columnNumber: 32},
-          ],
-      );
-      assert.deepEqual(
-          htmlOutline(
-              '<!DOCTYPE html>\n' +
-              '<html>\n' +
-              '  <head>\n' +
-              '    <script type="text/javascript">\n' +
-              '      async function bar(x) { return x; }\n' +
-              '      function baz(a,b, ...rest) { return rest; };\n' +
-              '    </script>\n' +
-              '  </head>\n' +
-              '</html>'),
-          [
-            {title: 'async bar', subtitle: '(x)', lineNumber: 4, columnNumber: 21},
-            {title: 'baz', subtitle: '(a, b, ...rest)', lineNumber: 5, columnNumber: 15},
-          ],
-      );
-      assert.deepEqual(
-          htmlOutline(`<script>
-  function first() {}
-  function IrrelevantFunctionSeekOrMissEKGFreqUnderflow() {}
-  function someFunction1() {}
-  function someFunction2() {}
-  debugger;
-</script>`),
-          [
-            {title: 'first', subtitle: '()', lineNumber: 1, columnNumber: 11},
-            {title: 'IrrelevantFunctionSeekOrMissEKGFreqUnderflow', subtitle: '()', lineNumber: 2, columnNumber: 11},
-            {title: 'someFunction1', subtitle: '()', lineNumber: 3, columnNumber: 11},
-            {title: 'someFunction2', subtitle: '()', lineNumber: 4, columnNumber: 11},
-          ],
-      );
-    });
-
-    it('for a document with multiple inline <script>s', () => {
-      assert.deepEqual(
-          htmlOutline(`<!DOCTYPE html>
-<html>
-  <head>
-    <script type="text/javascript">function add(x, y) { return x + y; }</script>
-  </head>
-  <body>
-    <script>
-      const sub = (a, b) => {
-        return x + y;
-      }
-    </script>
-  </body>
-</html>`),
-          [
-            {title: 'add', subtitle: '(x, y)', lineNumber: 3, columnNumber: 44},
-            {title: 'sub', subtitle: '(a, b)', lineNumber: 7, columnNumber: 12},
-          ],
-      );
-    });
-
-    it('for a document with inline <script>s and <style>s', () => {
-      assert.deepEqual(
-          htmlOutline(`<!DOCTYPE html>
-<html>
-<head>
-  <script>function add(x, y) { return x + y; }</script>
-  <style>
-    body { background-color: green; }
-  </style>
-</head>
-<body>
-<script defer>
-const sub = (x, y) => x - y;
-</script>
-<style>
-:host {
-  --custom-variable: 5px;
-}
-</style>
-</body>
-</html>`),
-          [
-            {title: 'add', subtitle: '(x, y)', lineNumber: 3, columnNumber: 19},
-            {title: 'body', lineNumber: 5, columnNumber: 4},
-            {title: 'sub', subtitle: '(x, y)', lineNumber: 10, columnNumber: 6},
-            {title: ':host', lineNumber: 13, columnNumber: 0},
-          ],
-      );
-    });
-
-    it('for a document with <script type="text/jsx">', () => {
-      assert.deepEqual(
-          htmlOutline(
-              '<!DOCTYPE html>\n' +
-              '<html>\n' +
-              '  <head>\n' +
-              '    <script type="text/jsx">\n' +
-              '      function hello(name) { return (<h1>Hello {name}</h1>); }\n' +
-              '      function goodbye(name) { return (<h1>Goodbye, {name}, until next time!</h1>); };\n' +
-              '    </script>\n' +
-              '  </head>\n' +
-              '</html>'),
-          [
-            {title: 'hello', subtitle: '(name)', lineNumber: 4, columnNumber: 15},
-            {title: 'goodbye', subtitle: '(name)', lineNumber: 5, columnNumber: 15},
-          ],
-      );
-    });
-  });
-
-  describe('generates a reasonable C++ outline', () => {
-    let extensions: CodeMirror.Extension|undefined;
-
-    before(async () => {
-      const cpp = await CodeMirror.cpp();
-      extensions = [cpp.cpp()];
-    });
-
-    function cppOutline(doc: string) {
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for an empty program', () => {
-      assert.deepEqual(cppOutline(''), []);
-    });
-
-    it('for a hello world program', () => {
-      assert.deepEqual(
-          cppOutline(
-              '#include <stdio.h>\n' +
-              '\n' +
-              'int main(int argc, char** argv){\n' +
-              '  printf("Hello world!\n");\n' +
-              '  return 0;\n' +
-              '}\n'),
-          [
-            {title: 'main', lineNumber: 2, columnNumber: 4},
-          ],
-      );
-    });
-
-    it('for classes, structs, and methods', () => {
-      assert.deepEqual(
-          cppOutline(
-              'struct S {\n' +
-              '  int foo(int x) { return x; }\n' +
-              '};\n' +
-              '\n' +
-              'class K {\n' +
-              ' public:\n' +
-              '  K& bar() { return *this; }\n' +
-              '  static K*baz() { return nullptr; }\n' +
-              '};\n'),
-          [
-            {title: 'struct S', lineNumber: 0, columnNumber: 7},
-            {title: 'foo', lineNumber: 1, columnNumber: 6},
-            {title: 'class K', lineNumber: 4, columnNumber: 6},
-            {title: 'bar', lineNumber: 6, columnNumber: 5},
-            {title: 'baz', lineNumber: 7, columnNumber: 11},
-          ],
-      );
-    });
-  });
-
-  describe('generates a correct WebAssembly outline', () => {
-    let extensions: CodeMirror.Extension|undefined;
-
-    before(async () => {
-      const wast = await CodeMirror.wast();
-      extensions = [wast.wast()];
-    });
-
-    function wastOutline(doc: string) {
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      return Sources.OutlineQuickOpen.outline(state);
-    }
-
-    it('for empty modules', () => {
-      assert.deepEqual(wastOutline('(module)'), []);
-      assert.deepEqual(wastOutline('(module $foo)'), [{title: '$foo', lineNumber: 0, columnNumber: 8}]);
-    });
-
-    it('for named functions', () => {
-      assert.deepEqual(
-          wastOutline(`(module
-  (func $add (param $lhs i32) (param $rhs i32) (result i32)
-    local.get $lhs
-    local.get $rhs
-    i32.add)
-  (func (param $x i32) (param $y) (result i32)
-    i32.const 1)
-  (func $id (param $x i32) (result i32))
-    local.get $x)
-)`),
-          [
-            {title: '$add', subtitle: '($lhs, $rhs)', lineNumber: 1, columnNumber: 8},
-            {title: '$id', subtitle: '($x)', lineNumber: 7, columnNumber: 8},
-          ],
-      );
-    });
-
-    it('for functions with unnamed parameters', () => {
-      assert.deepEqual(
-          wastOutline(`(module
-  (func $foo (param $x i32) (param i32) (param i64) (param $y f32) (result i32)
-    i32.const 42)
-  (func $bar (param i32) (result i32))
-    i32.const 21)
-)`),
-          [
-            {title: '$foo', subtitle: '($x, $1, $2, $y)', lineNumber: 1, columnNumber: 8},
-            {title: '$bar', subtitle: '($0)', lineNumber: 3, columnNumber: 8},
-          ],
-      );
-    });
-  });
-
-  it('terminates for property assignments with member expressions at the end of a script', () => {
-    const doc = 'o.x = o.y;';
-    for (const typescript of [false, true]) {
-      const extensions = [CodeMirror.javascript.javascript({typescript})];
-      const state = CodeMirror.EditorState.create({doc, extensions});
-      assert.isEmpty(Sources.OutlineQuickOpen.outline(state));
-    }
-  });
-});
-
-describe('OutlineQuickOpen', () => {
-  const {OutlineQuickOpen} = Sources.OutlineQuickOpen;
-
-  it('reports no items before attached', () => {
-    const provider = new OutlineQuickOpen();
-    assert.strictEqual(provider.itemCount(), 0);
-  });
-
-  it('reports no items when attached while no SourcesView is active', () => {
-    const provider = new OutlineQuickOpen();
-    provider.attach();
-    assert.strictEqual(provider.itemCount(), 0);
-  });
-
-  it('correctly scores items within a JavaScript file', () => {
-    function scoredKeys(query: string): string[] {
-      const result = [];
-      for (let i = 0; i < provider.itemCount(); ++i) {
-        result.push({
-          key: provider.itemKeyAt(i),
-          score: provider.itemScoreAt(i, query),
-        });
-      }
-      result.sort((a, b) => b.score - a.score);
-      return result.map(({key}) => key);
-    }
-
-    const doc = `
-function testFoo(arg2) { }
-function test(arg1) { }
-function testBar(arg3) { }`;
-    const extensions = [CodeMirror.javascript.javascript()];
-    const textEditor = {state: CodeMirror.EditorState.create({doc, extensions})};
-    const sourceFrame = sinon.createStubInstance(Sources.UISourceCodeFrame.UISourceCodeFrame);
-    sourceFrame.editorLocationToUILocation.callThrough();
-    sinon.stub(sourceFrame, 'textEditor').value(textEditor);
-    const sourcesView = sinon.createStubInstance(Sources.SourcesView.SourcesView);
-    sourcesView.currentSourceFrame.returns(sourceFrame);
-    UI.Context.Context.instance().setFlavor(Sources.SourcesView.SourcesView, sourcesView);
-
-    const provider = new OutlineQuickOpen();
-    provider.attach();
-
-    assert.deepEqual(scoredKeys('te'), ['testFoo(arg2)', 'test(arg1)', 'testBar(arg3)']);
-    assert.deepEqual(scoredKeys('test'), ['test(arg1)', 'testFoo(arg2)', 'testBar(arg3)']);
-    assert.deepEqual(scoredKeys('test('), ['test(arg1)', 'testFoo(arg2)', 'testBar(arg3)']);
-    assert.deepEqual(scoredKeys('test(arg'), ['test(arg1)', 'testFoo(arg2)', 'testBar(arg3)']);
-  });
-});