chromium/third_party/blink/web_tests/http/tests/devtools/a11y-axe-core/sources/scope-pane-a11y-test.js

// Copyright 2019 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {TestRunner} from 'test_runner';
import {AxeCoreTestRunner} from 'axe_core_test_runner';
import {SourcesTestRunner} from 'sources_test_runner';

import * as ObjectUI from 'devtools/ui/legacy/components/object_ui/object_ui.js';
import * as Sources from 'devtools/panels/sources/sources.js';
import * as UI from 'devtools/ui/legacy/legacy.js';

(async function() {
  await TestRunner.showPanel('sources');
  await UI.ViewManager.ViewManager.instance().showView('sources.scope-chain');

  TestRunner.addResult('Testing accessibility in the scope pane.\n');
  await SourcesTestRunner.startDebuggerTestPromise();
  TestRunner.evaluateInPagePromise(`
  function makeClosure() {
    let x = 5;
    function logX() {
      console.log(x);
      debugger;
    }
    return logX;
  }
  makeClosure()();
  `);
  await SourcesTestRunner.waitUntilPausedPromise();

  await TestRunner.addSnifferPromise(Sources.ScopeChainSidebarPane.ScopeChainSidebarPane.prototype, 'sidebarPaneUpdatedForTest');
  const scopePane = Sources.ScopeChainSidebarPane.ScopeChainSidebarPane.instance();
  await TestRunner.addSnifferPromise(ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement, 'populateWithProperties');
  TestRunner.addResult(`Scope pane content: ${scopePane.contentElement.deepTextContent()}`);
  TestRunner.addResult(`Running the axe-core linter on the scope pane.`);
  await AxeCoreTestRunner.runValidation(scopePane.contentElement);

  TestRunner.addResult('Expanding the makeClosure closure.');
  scopePane.treeOutline.rootElement().childAt(1).expand();
  await TestRunner.addSnifferPromise(ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement, 'populateWithProperties');
  TestRunner.addResult(`Scope pane content: ${scopePane.contentElement.deepTextContent()}`);
  TestRunner.addResult(`Running the axe-core linter on the scope pane.`);
  await AxeCoreTestRunner.runValidation(scopePane.contentElement);

  SourcesTestRunner.completeDebuggerTest();
})();