| // 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(`Tests that elements panel shows DOM tree structure.\n`); |
| await TestRunner.loadModule('elements_test_runner'); |
| await TestRunner.showPanel('elements'); |
| await TestRunner.loadHTML(` |
| <!DOCTYPE html> |
| <div id="level1"> |
| <div id="level2"> |
| ><"' |
| _­_ _ _ _ _​_‌_‍_‎_‏_‪_‫_‬_‭_‮_⁠_ |
| <div id="level3"></div> |
| </div> |
| </div> |
| <div id="replacement-character"></div> |
| `); |
| await TestRunner.evaluateInPagePromise(` |
| document.querySelector("#replacement-character").textContent = "\uFEFF"; |
| `); |
| |
| // Warm up highlighter module. |
| runtime.loadModulePromise('source_frame').then(function() { |
| ElementsTestRunner.expandElementsTree(step1); |
| }); |
| |
| function step1() { |
| ElementsTestRunner.dumpElementsTree(); |
| TestRunner.completeTest(); |
| } |
| })(); |