third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html - Issue 2018883002: Fix testharness paths in imported/csswg-test.

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-010.html

Issue 2018883002: Fix testharness paths in imported/csswg-test. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/spec-examples/shape-outside-011.html » ('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 <title>CSS Test: Shape from image - url(), alpha channel, opacity 0</title>	4 <title>CSS Test: Shape from image - url(), alpha channel, opacity 0</title>

5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>	5 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>

6 <link rel="author" title="Bem Jones-Bey" href="mailto:bemjb@adobe.com"/>	6 <link rel="author" title="Bem Jones-Bey" href="mailto:bemjb@adobe.com"/>

7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image" />	7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image" />

8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop erty"/>	8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-prop erty"/>

9 <meta name="flags" content="ahem dom"/>	9 <meta name="flags" content="ahem dom"/>

10 <meta name="assert" content="This test verifies that the content flows aroun d the	10 <meta name="assert" content="This test verifies that the content flows aroun d the

11 shape defined in the images alpha channel that is completely	11 shape defined in the images alpha channel that is completely

12 transparent."/>	12 transparent."/>

13 <!-- This test is derived from Example 7 in this version of the spec:	13 <!-- This test is derived from Example 7 in this version of the spec:

14 http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->	14 http://www.w3.org/TR/2014/WD-css-shapes-1-20140211/ -->

15 <style type="text/css">	15 <style type="text/css">

16 .container {	16 .container {

17 font-family: Ahem;	17 font-family: Ahem;

18 font-size: 20px;	18 font-size: 20px;

19 line-height: 2em;	19 line-height: 2em;

20 }	20 }

21 #test {	21 #test {

22 width: 400px;	22 width: 400px;

23 color: green;	23 color: green;

24 }	24 }

25 #image {	25 #image {

26 float: left;	26 float: left;

27 shape-outside: url("support/circle-no-shadow.png");	27 shape-outside: url("support/circle-no-shadow.png");

28 }	28 }

29 </style>	29 </style>

30 <script src="../../../../resources/testharness.js"></script>	30 <script src="/resources/testharness.js"></script>

31 <script src="../../../../resources/testharnessreport.js"></script>	31 <script src="/resources/testharnessreport.js"></script>

32 <script src="support/spec-example-utils.js"></script>	32 <script src="support/spec-example-utils.js"></script>

33 </head>	33 </head>

34 <body>	34 <body>

35 <p>	35 <p>

36 The test passes if the short green horizontal bars are the right of the circle,	36 The test passes if the short green horizontal bars are the right of the circle,

37 the long green bar is beneath the circle, and no bars intersect the circ le. There	37 the long green bar is beneath the circle, and no bars intersect the circ le. There

38 should be no red.	38 should be no red.

39 </p>	39 </p>

40 <div id="test" class="container">	40 <div id="test" class="container">

41 <img id="image" src="support/circle-no-shadow.png"/>	41 <img id="image" src="support/circle-no-shadow.png"/>

42 <span id="line-0">XXXXXX</span>	42 <span id="line-0">XXXXXX</span>

43 <span id="line-1">XXXXXX</span>	43 <span id="line-1">XXXXXX</span>

44 <span id="line-2">XXXXXX</span>	44 <span id="line-2">XXXXXX</span>

45 <span id="line-3">XXXXXX</span>	45 <span id="line-3">XXXXXX</span>

46 <span id="line-4">XXXXXX</span>	46 <span id="line-4">XXXXXX</span>

47 <span id="line-5">XXXXXXXXXXXXXXX</span>	47 <span id="line-5">XXXXXXXXXXXXXXX</span>

48 </div>	48 </div>

49 <div id="log"></div>	49 <div id="log"></div>

50 <script>	50 <script>

51 approxShapeTest('test', 'line-', 2, [182, 199, 201, 199, 182, 0]);	51 approxShapeTest('test', 'line-', 2, [182, 199, 201, 199, 182, 0]);

52 </script>	52 </script>

53 </body>	53 </body>

54 </html>	54 </html>

OLD	NEW