| // 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 editing a CSS property name in the Styles pane retains its original, non-trimmed value text.\n`); |
| await TestRunner.loadModule('elements_test_runner'); |
| await TestRunner.showPanel('elements'); |
| await TestRunner.loadHTML(` |
| <div id="inspected" style="background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)"> |
| |
| |
| |
| </div> |
| `); |
| |
| ElementsTestRunner.selectNodeAndWaitForStyles('inspected', step1); |
| |
| function step1() { |
| var treeElement = ElementsTestRunner.getElementStylePropertyTreeItem('background'); |
| TestRunner.addResult('Viewing \'background\' value in Styles:'); |
| TestRunner.addResult(treeElement.valueElement.textContent); |
| |
| treeElement.startEditing(treeElement.nameElement); |
| treeElement.nameElement.textContent = 'background-image'; |
| ElementsTestRunner.waitForStyleCommitted(step2); |
| treeElement.nameElement.dispatchEvent(TestRunner.createKeyEvent('Enter')); |
| } |
| |
| function step2() { |
| var treeElement = ElementsTestRunner.getElementStylePropertyTreeItem('background-image'); |
| TestRunner.addResult('Renamed \'background\' to \'background-image\' (edited value):'); |
| TestRunner.addResult(treeElement.valueElement.textContent); |
| TestRunner.completeTest(); |
| } |
| })(); |