Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(278)

Unified Diff: LayoutTests/inspector-protocol/css/css-set-inline-style-text.html

Issue 1181213007: DevTools: introduce CSS.setStyleText, we'll migrate setPropertyText to it later. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: win fixed Created 5 years, 6 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
Index: LayoutTests/inspector-protocol/css/css-set-inline-style-text.html
diff --git a/LayoutTests/inspector-protocol/css/css-set-inline-style-text.html b/LayoutTests/inspector-protocol/css/css-set-inline-style-text.html
new file mode 100644
index 0000000000000000000000000000000000000000..dbbc96e7bfbcdb113171f6781d6dc3f102845911
--- /dev/null
+++ b/LayoutTests/inspector-protocol/css/css-set-inline-style-text.html
@@ -0,0 +1,110 @@
+<html>
+<head>
+<link rel="stylesheet" href="resources/set-style-text.css"/>
+<script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
+<script type="text/javascript" src="../../http/tests/inspector-protocol/css-protocol-test.js"></script>
+<script type="text/javascript" src="../../http/tests/inspector-protocol/dom-protocol-test.js"></script>
+<script type="text/javascript">
+function test()
+{
+ var styleSheetId;
+ var documentNodeId;
+ var setStyleText;
+ var verifyProtocolError;
+ var dumpStyleSheet;
+
+ InspectorTest.sendCommandOrDie("DOM.enable", {});
+ InspectorTest.sendCommandOrDie("CSS.enable", {}, cssWasEnabled);
+
+ function cssWasEnabled()
+ {
+ InspectorTest.sendCommandOrDie("DOM.getDocument", {}, onGotDocument);
+ }
+
+ function onGotDocument(result)
+ {
+ documentNodeId = result.root.nodeId;
+ InspectorTest.sendCommandOrDie("DOM.querySelector", { nodeId: documentNodeId, selector: "#inliner" }, onGotNode);
+ }
+
+ function onGotNode(node)
+ {
+ InspectorTest.sendCommandOrDie("CSS.getInlineStylesForNode", { nodeId: node.nodeId }, onGotInlineStyles);
+ }
+
+ function onGotInlineStyles(result)
+ {
+ styleSheetId = result.inlineStyle.styleSheetId;
+ setStyleText = InspectorTest.setStyleText.bind(InspectorTest, styleSheetId, false);
+ verifyProtocolError = InspectorTest.setStyleText.bind(InspectorTest, styleSheetId, true);
+ dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetId);
+ InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: styleSheetId }, onInitialStyleSheetText);
+ }
+
+ function dumpAndNext(next)
+ {
+ return function()
+ {
+ InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: styleSheetId }, onReceiveStyleSheetText);
+
+ function onReceiveStyleSheetText(result)
+ {
+ InspectorTest.log("Stylesheet text: " + result.text);
+ InspectorTest.domUndo(next);
+ }
+ }
+ }
+
+ function onInitialStyleSheetText(result)
+ {
+ InspectorTest.log("==== Initial style sheet text ====");
+ InspectorTest.log(result.text);
+ InspectorTest.runTestSuite(testSuite);
+ }
+
+ var testSuite = [
+ function testBasicSetStyle(next)
+ {
+ setStyleText({
+ styleSheetId: styleSheetId,
+ range: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 11 },
+ text: "content: 'EDITED'",
+ }, dumpAndNext(next));
+ },
+
+ function testSetStylePoorContent(next)
+ {
+ verifyProtocolError({
+ styleSheetId: styleSheetId,
+ range: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 11 },
+ text: "}",
+ }, dumpAndNext(next));
+ },
+
+ function testDeleteStyleBody(next)
+ {
+ setStyleText({
+ styleSheetId: styleSheetId,
+ range: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 11 },
+ text: "",
+ }, dumpAndNext(next));
+ },
+
+ function testSetStyleOpenComment(next)
+ {
+ verifyProtocolError({
+ styleSheetId: styleSheetId,
+ range: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 11 },
+ text: "/*",
+ }, dumpAndNext(next));
+ }
+ ];
+}
+
+</script>
+</head>
+<body onload="runTest();">
+<p>The test verifies functionality of protocol method CSS.setStyleText for inline elements.</p>
+<div id="inliner" style="color: red;">
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698