LayoutTests/inspector/elements/highlight/highlight-css-shapes-outside.html - Issue 1158883003: DevTools: shard inspector/elements tests for faster execution.

Side by Side Diff: LayoutTests/inspector/elements/highlight/highlight-css-shapes-outside.html

Issue 1158883003: DevTools: shard inspector/elements tests for faster execution. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: 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 unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/inspector/elements/highlight-svg-root-zoomed-expected.txt ('k') | LayoutTests/inspector/elements/highlight/highlight-css-shapes-outside-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5	5

6 .float {	6 .float {

7 width: 8em;	7 width: 8em;

8 height: 8em;	8 height: 8em;

9 float: left;	9 float: left;

10 shape-margin: 2em;	10 shape-margin: 2em;

(...skipping 39 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
50 background-color: blue;	50 background-color: blue;

51 shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20 00/svg' width='100px' height='100px'><rect width='100' height='100' fill='green' /></svg>");	51 shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20 00/svg' width='100px' height='100px'><rect width='100' height='100' fill='green' /></svg>");

52 }	52 }

53	53

54 .polygon {	54 .polygon {

55 background-color: green;	55 background-color: green;

56 shape-outside: polygon(0px 0px, 0px 200px, 200px 0px);	56 shape-outside: polygon(0px 0px, 0px 200px, 200px 0px);

57 }	57 }

58	58

59 </style>	59 </style>

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

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

62 <script>	62 <script>

63	63

64 function test()	64 function test()

65 {	65 {

66 var list = ["circle", "insetSimpleRound", "insetComplexRound", "ellipse", "c ontentBox", "polygon", "raster"];	66 var list = ["circle", "insetSimpleRound", "insetComplexRound", "ellipse", "c ontentBox", "polygon", "raster"];

67 var index = 0;	67 var index = 0;

68 function nextNode()	68 function nextNode()

69 {	69 {

70 var nodeId = String(list[index++]);	70 var nodeId = String(list[index++]);

71 InspectorTest.dumpInspectorHighlightJSON(nodeId, (index == list.length) ? InspectorTest.completeTest.bind(InspectorTest): nextNode);	71 InspectorTest.dumpInspectorHighlightJSON(nodeId, (index == list.length) ? InspectorTest.completeTest.bind(InspectorTest): nextNode);

72 }	72 }

73 nextNode();	73 nextNode();

74 }	74 }

75	75

76 </script>	76 </script>

77 </head>	77 </head>

78	78

79 <body onload="runTest()">	79 <body onload="runTest()">

80 <div class="float circle" id="circle"> </div>	80 <div class="float circle" id="circle"> </div>

81 <div class="float insetSimpleRound" id="insetSimpleRound"> </div>	81 <div class="float insetSimpleRound" id="insetSimpleRound"> </div>

82 <div class="float insetComplexRound" id="insetComplexRound"> </div>	82 <div class="float insetComplexRound" id="insetComplexRound"> </div>

83 <div class="float ellipse" id="ellipse"> </div>	83 <div class="float ellipse" id="ellipse"> </div>

84 <div class="float contentBox" id="contentBox"> </div>	84 <div class="float contentBox" id="contentBox"> </div>

85 <div class="float polygon" id="polygon"> </div>	85 <div class="float polygon" id="polygon"> </div>

86 <div class="float raster" id="raster"> </div>	86 <div class="float raster" id="raster"> </div>

87 </body>	87 </body>

88 </html>	88 </html>

OLD	NEW