chromium/src/third_party/blink/web_tests/http/tests/devtools/sources/debugger-ui/watch-expressions-preserve-expansion.js

// Copyright 2017 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.

(async function() {
  TestRunner.addResult(
      `Test that watch expressions expansion state is restored after update.\n`);
  await TestRunner.loadModule('elements_test_runner');
  await TestRunner.loadModule('sources_test_runner');
  await TestRunner.showPanel('sources');
  await TestRunner.evaluateInPagePromise(`
      var globalObject = {
          foo: {
              bar: {
                  baz: 2012
              }
          }
      };
      var windowAlias = window;
      var array = [];
      for (var i = 0; i < 300; ++i)
          array[i] = i;

      (function()
      {
          var a = 10;
          var b = 100;
          window.func = function() {return a + b;}
      }());
  `);

  var watchExpressionsPane =
      self.runtime.sharedInstance(Sources.WatchExpressionsSidebarPane);
  UI.panels.sources._sidebarPaneStack
      .showView(UI.panels.sources._watchSidebarPane)
      .then(() => {
        watchExpressionsPane.doUpdate();
        watchExpressionsPane._createWatchExpression('globalObject');
        watchExpressionsPane._createWatchExpression('windowAlias');
        watchExpressionsPane._createWatchExpression('array');
        watchExpressionsPane._createWatchExpression('func');
        watchExpressionsPane._saveExpressions();
        TestRunner.deprecatedRunAfterPendingDispatches(step2);
      });

  function step2() {
    TestRunner.addResult('Watch expressions added.');
    var expandArray = expandWatchExpression.bind(
        null, ['array', '[200 \u2026 299]', '299'], step3);
    var expandFunc = expandWatchExpression.bind(
        null, ['func', '[[Scopes]]', '0', 'a'], expandArray);
    expandWatchExpression(['globalObject', 'foo', 'bar'], expandFunc);
  }

  function step3() {
    TestRunner.addResult('Watch expressions expanded.');
    dumpWatchExpressions();
    TestRunner.reloadPage(step4);
  }

  function step4() {
    TestRunner.addResult('Watch expressions after page reload:');
    dumpWatchExpressions();
    TestRunner.completeTest();
  }

  function dumpWatchExpressions() {
    var pane = self.runtime.sharedInstance(Sources.WatchExpressionsSidebarPane);

    for (var i = 0; i < pane._watchExpressions.length; i++) {
      var watch = pane._watchExpressions[i];
      TestRunner.addResult(
          watch.expression() + ': ' +
          watch._treeElement._object._description);
      dumpObjectPropertiesTreeElement(
          watch._treeElement, '  ');
    }
  }

  function dumpObjectPropertiesTreeElement(treeElement, indent) {
    if (treeElement.property)
      addResult(
          indent + treeElement.property.name + ': ' +
          treeElement.property.value._description);
    else if (typeof treeElement.title === 'string')
      addResult(indent + treeElement.title);

    for (var i = 0; i < treeElement.children().length; i++)
      dumpObjectPropertiesTreeElement(treeElement.children()[i], '  ' + indent);
  }

  function expandProperties(watchExpressionTreeElement, path, callback) {
    const treeOutline = watchExpressionTreeElement.treeOutline;
    treeOutline.addEventListener(
        UI.TreeOutline.Events.ElementAttached, elementAttached);
    watchExpressionTreeElement.expand();

    function elementAttached(event) {
      var treeElement = event.data;
      var currentName =
          treeElement.property ? treeElement.property.name : treeElement.title;
      if (currentName !== path[0])
        return;

      var childName = path.shift();
      addResult(
          'expanded ' + childName + ' ' +
          (treeElement.property ? treeElement.property.value : ''));

      if (path.length) {
        treeElement.expand();
        return;
      }

      treeOutline.removeEventListener(
          UI.TreeOutline.Events.ElementAttached, elementAttached);
      callback();
    }
  }

  function expandWatchExpression(path, callback) {
    var pane = self.runtime.sharedInstance(Sources.WatchExpressionsSidebarPane);
    var expression = path.shift();
    for (var i = 0; i < pane._watchExpressions.length; i++) {
      var watch = pane._watchExpressions[i];
      if (watch.expression() === expression) {
        expandProperties(watch._treeElement, path, callback);
        break;
      }
    }
  }

  function addResult(string) {
    TestRunner.addResult(string.replace('\u2026', '..'));
  }
})();