third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html - Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image.html

Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible. (Closed)

Patch Set: recommit Created 3 years, 7 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css/getComputedStyle/computed-style-cross-fade-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-image-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 #borderImageNone { -webkit-border-image: none }	5 #borderImageNone { -webkit-border-image: none }

6 #borderImageStretch { -webkit-border-image: -webkit-gradient(linear, 0 0 , 0 0) 25 25 25 25 stretch stretch; }	6 #borderImageStretch { -webkit-border-image: linear-gradient(white, black ) 25 25 25 25 stretch stretch; }

7 #borderImageRepeat { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 repeat; }	7 #borderImageRepeat { -webkit-border-image: linear-gradient(white, black) 50 repeat; }

8 #borderImageWidth { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat; }	8 #borderImageWidth { -webkit-border-image: linear-gradient(white, black) 25 25 25 25 / 20 20 20 20 repeat; }

9 #borderImageWidth2 { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch; }	9 #borderImageWidth2 { -webkit-border-image: linear-gradient(white, black) 50 / 20 stretch stretch; }

10 </style>	10 </style>

11 <script type="text/javascript">	11 <script type="text/javascript">

12 function log(msg)	12 function log(msg)

13 {	13 {

14 document.getElementById('console').appendChild(document.createTextNo de(msg + '\n'));	14 document.getElementById('console').appendChild(document.createTextNo de(msg + '\n'));

15 }	15 }

16	16

17 function subTest(ob, prop)	17 function subTest(ob, prop)

18 {	18 {

19 log(' ' + prop);	19 log(' ' + prop);

20 log(' getPropertyValue: ' + document.defaultView.getComputedSt yle(ob, null).getPropertyValue(prop));	20 log(' getPropertyValue: ' + document.defaultView.getComputedSt yle(ob, null).getPropertyValue(prop));

21 }	21 }

22	22

23 function test(id, val)	23 function test(id, val)

24 {	24 {

25 log('-webkit-border-image: ' + val + ';');	25 log('-webkit-border-image: ' + val + ';');

26 var ob = document.getElementById(id);	26 var ob = document.getElementById(id);

27 subTest(ob, '-webkit-border-image');	27 subTest(ob, '-webkit-border-image');

28 }	28 }

29	29

30 function runTests()	30 function runTests()

31 {	31 {

32 if (window.testRunner)	32 if (window.testRunner)

33 testRunner.dumpAsText();	33 testRunner.dumpAsText();

34	34

35 test('borderImageNone', 'none');	35 test('borderImageNone', 'none');

36	36

37 log('');	37 log('');

38	38

39 test('borderImageStretch', '-webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch');	39 test('borderImageStretch', 'linear-gradient(white, black) 25 25 25 2 5 stretch stretch');

40	40

41 log('');	41 log('');

42	42

43 test('borderImageRepeat', '-webkit-gradient(linear, 0 0, 0 0) 50 rep eat');	43 test('borderImageRepeat', 'linear-gradient(white, black) 50 repeat') ;

44	44

45 log('');	45 log('');

46	46

47 test('borderImageWidth', '-webkit-gradient(linear, 0 0, 0 0) 25 25 2 5 25 / 20 20 20 20 repeat');	47 test('borderImageWidth', 'linear-gradient(white, black) 25 25 25 25 / 20 20 20 20 repeat');

48	48

49 log('');	49 log('');

50	50

51 test('borderImageWidth2', '-webkit-gradient(linear, 0 0, 0 0) 50 / 2 0 stretch stretch');	51 test('borderImageWidth2', 'linear-gradient(white, black) 50 / 20 str etch stretch');

52 }	52 }

53 </script>	53 </script>

54 </head>	54 </head>

55 <body onload="runTests();">	55 <body onload="runTests();">

56 <p>Test calling getPropertyValue on computed styles for -webkit-border-image property.</p>	56 <p>Test calling getPropertyValue on computed styles for -webkit-border-image property.</p>

57 <pre id="console"></pre>	57 <pre id="console"></pre>

58	58

59 <div id="borderImageNone"></div>	59 <div id="borderImageNone"></div>

60 <div id="borderImageStretch"></div>	60 <div id="borderImageStretch"></div>

61 <div id="borderImageRepeat"></div>	61 <div id="borderImageRepeat"></div>

62 <div id="borderImageWidth"></div>	62 <div id="borderImageWidth"></div>

63 <div id="borderImageWidth2"></div>	63 <div id="borderImageWidth2"></div>

64 </body>	64 </body>

65 </html>	65 </html>

OLD	NEW