LayoutTests/inspector/elements/styles/add-new-rule-with-style-after-body.html - Issue 201363002: DevTools: defer styles delta calculation to until the end of the task.

Side by Side Diff

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

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/inspector/elements/styles/add-new-rule-with-style-after-body.html

Issue 201363002: DevTools: defer styles delta calculation to until the end of the task. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 6 years, 9 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 unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/http/tests/inspector/elements/styles/edit-css-with-source-url-expected.txt ('k') | LayoutTests/inspector/elements/styles/add-new-rule-with-style-after-body-expected.txt » ('j') | Source/web/WebDevToolsAgentImpl.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

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

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

5 <script>	5 <script>

6 function addStyle()	6 function addStyle()

7 {	7 {

8 var style = document.createElement("style");	8 var style = document.createElement("style");

9 document.documentElement.appendChild(style);	9 document.documentElement.appendChild(style);

10 style.sheet.insertRule("foo {display: none;}", 0);	10 style.sheet.insertRule("foo {display: none;}", 0);

(...skipping 24 matching lines...) Expand all Loading...
35	35

36 function step2()	36 function step2()

37 {	37 {

38 var section = WebInspector.panels.elements.sidebarPanes.styles.sections[ 0][2];	38 var section = WebInspector.panels.elements.sidebarPanes.styles.sections[ 0][2];

39 var newProperty = section.addNewBlankProperty();	39 var newProperty = section.addNewBlankProperty();

40 newProperty.startEditing();	40 newProperty.startEditing();

41 newProperty.nameElement.textContent = "color";	41 newProperty.nameElement.textContent = "color";

42 newProperty.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente r"));	42 newProperty.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente r"));

43 newProperty.valueElement.textContent = "maroon";	43 newProperty.valueElement.textContent = "maroon";

44 newProperty.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Ent er"));	44 newProperty.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Ent er"));

45 InspectorTest.waitForStyles("inspected", step3);	45 InspectorTest.runAfterPendingDispatches(step3);

46 }	46 }

47	47

48 function step3()	48 function step3()

49 {	49 {

50 InspectorTest.addResult("After adding new rule:");	50 InspectorTest.addResult("After adding new rule:");

51 InspectorTest.dumpSelectedElementStyles(true, false, true);	51 InspectorTest.dumpSelectedElementStyles(true, false, true);

52 InspectorTest.completeTest();	52 InspectorTest.completeTest();

53 }	53 }

54 }	54 }

55	55

56 </script>	56 </script>

57 </head>	57 </head>

58	58

59 <body onload="runTest()">	59 <body onload="runTest()" id="inspected">

60 <p>	60 <p>

61 Tests that adding a new rule works when there is a STYLE element after BODY. TIM EOUT SHOULD NOT OCCUR! <a href="https://bugs.webkit.org/show_bug.cgi?id=111299"> Bug 111299</a>	61 Tests that adding a new rule works when there is a STYLE element after BODY. TIM EOUT SHOULD NOT OCCUR! <a href="https://bugs.webkit.org/show_bug.cgi?id=111299"> Bug 111299</a>

62 </p>	62 </p>

63	63

64 <div id="inspected" style="font-size: 12px">Text</div>

65

66 </body>	64 </body>

67 </html>	65 </html>

OLD	NEW