third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html - Issue 1577723002: Devtools: Add editable keyframes to the styles sidebar pane

Unified Diff: third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html

Issue 1577723002: Devtools: Add editable keyframes to the styles sidebar pane (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/styles-4/keyframes-source-offsets-expected.txt ('k') | third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes-expected.txt » ('j') | third_party/WebKit/Source/core/inspector/InspectorStyleSheet.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html

diff --git a/third_party/WebKit/LayoutTests/inspector/elements/styles/undo-set-selector-text.html b/third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html

similarity index 55%

copy from third_party/WebKit/LayoutTests/inspector/elements/styles/undo-set-selector-text.html

copy to third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html

index c380b540d74b8606e039d12357279c14c3e4be4b..ccd9a834507ecfc21a87fe40552626f407afbba8 100644

--- a/third_party/WebKit/LayoutTests/inspector/elements/styles/undo-set-selector-text.html

+++ b/third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html

@@ -1,35 +1,43 @@

<html>

<head>

+<link rel="stylesheet" href="../styles/resources/keyframes.css">

+<script src="../../../http/tests/inspector/inspector-test.js"></script>

+<script src="../../../http/tests/inspector/elements-test.js"></script>

<style>

-#inspected {

- color: green;

+@keyframes animName {

+ from, 20% {

+ margin-left: 200px;

+ color: red;

+ }

+ to {

+ margin-left: 500px;

+ }

}

</style>

-<script src="../../../http/tests/inspector/inspector-test.js"></script>

-<script src="../../../http/tests/inspector/elements-test.js"></script>

function test()

{

- InspectorTest.selectNodeAndWaitForStyles("inspected", step1);

+ InspectorTest.selectNodeAndWaitForStyles("element", step1);

function step1()

{

- InspectorTest.addResult("=== Before selector modification ===");

+ InspectorTest.addResult("=== Before key modification ===");

InspectorTest.dumpSelectedElementStyles(true);

- var section = InspectorTest.firstMatchedStyleSection();

+ var section = WebInspector.panels.elements.sidebarPanes.styles._sectionBlocks[1].sections[1];

section.startEditingSelector();

- section._selectorElement.textContent = "#inspected, #other";

+ section._selectorElement.textContent = "1%";

section._selectorElement.dispatchEvent(InspectorTest.createKeyEvent("Enter"));

- InspectorTest.selectNodeAndWaitForStyles("other", step2);

+ InspectorTest.waitForSelectorCommitted(step2);

}

function step2()

{

- InspectorTest.addResult("=== After selector modification ===");

+ InspectorTest.addResult("=== After key modification ===");

InspectorTest.dumpSelectedElementStyles(true);

InspectorTest.domModel.undo();

- InspectorTest.selectNodeAndWaitForStyles("inspected", step3);

+ InspectorTest.waitForStyles("element", step3, true);

}

function step3()

@@ -38,7 +46,7 @@ function test()

InspectorTest.dumpSelectedElementStyles(true);

InspectorTest.domModel.redo();

- InspectorTest.selectNodeAndWaitForStyles("other", step4);

+ InspectorTest.waitForStyles("element", step4, true);

}

function step4()

@@ -48,17 +56,14 @@ function test()

InspectorTest.completeTest();

}

</script>

</head>

+<div id="element"></div>

<p>

-Tests that setting selector text can be undone.

+Tests that keyframes are shown in styles pane.

</p>

-<div id="inspected"></div>

-<div id="other"></div>

</body>

</html>