LayoutTests/fast/css/all-shorthand-css-text.html - Issue 335733003: Added layout tests for all shorthand property.

Side by Side Diff: LayoutTests/fast/css/all-shorthand-css-text.html

Issue 335733003: Added layout tests for all shorthand property. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

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

« LayoutTests/fast/css/all-shorthand.html ('K') | « LayoutTests/fast/css/all-shorthand.html ('k') | LayoutTests/fast/css/all-shorthand-css-text-expected.txt » ('j') | LayoutTests/fast/css/getComputedStyle/getComputedStyle-all.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <script src="../../resources/js-test.js"></script>

	3 <style>

	4 div { all: initial; }

	5 div { all: initial; color: red; }

	6 div { color: red; all: initial; }

	7 div { all: initial !important; color: red; }

	8 div { all: initial; color: red !important; }

	9

	10 div { all: inherit; }

	11 div { all: inherit; color: red; }

	12 div { color: red; all: inherit; }

	13 div { all: inherit !important; color: red; }

	14 div { all: inherit; color: red !important; }

	15

	16 div { all: red; all: none; all: 10px; all: auto; all: url(about:blank); }

	17

	18 div { direction: ltr; all: initial; direction: rtl; }

	19 div { direction: ltr; unicode-bidi: bidi-override; all: initial !important; }

	20 div { direction: ltr; all: initial; color: red; }

	21

	22 div { all: initial; font-size: 10px; }

	23

	24 div { all: initial; width: inherit; }

	25 </style>

	26 <pre id='console'></pre>
	rune 2014/06/13 13:32:52 Is this necessary because you have div rules in th Is this necessary because you have div rules in the stylesheet that will affect it? A console will be create if necessary from js-test.js. tasak 2014/06/16 07:07:28 Done. Show quoted text On 2014/06/13 13:32:52, rune wrote: > Is this necessary because you have div rules in the stylesheet that will affect > it? A console will be create if necessary from js-test.js. Done.
	27 <script>

	28 description('Test for crbug.com/172051: all shorthand property.');

	29

	30 function contains(cssText, property) {

	31 return cssText.indexOf(property) == 0 \|\| cssText.indexOf(' ' + property) != - 1;

	32 }

	33

	34 var cssRules = styleSheet = document.styleSheets[1].cssRules;
	rune 2014/06/13 13:32:52 The styleSheet variable looks like a left-over. The styleSheet variable looks like a left-over. tasak 2014/06/16 07:07:28 Thanks. Done. Show quoted text On 2014/06/13 13:32:52, rune wrote: > The styleSheet variable looks like a left-over. Thanks. Done.
	35

	36 shouldBe('cssRules.length', '16');

	37 shouldBe('cssRules[0].cssText', '"div { all: initial; }"');

	38 shouldNotBe('cssRules[1].cssText', '"div { all: initial; color: red; }"');

	39 shouldBeTrue('contains(cssRules[1].cssText, "color: red;")');

	40 shouldBeTrue('contains(cssRules[1].cssText, "background: initial;")');

	41 shouldBeFalse('contains(cssRules[1].cssText, "direction: ")');

	42 shouldBeFalse('contains(cssRules[1].cssText, "unicode-bidi: ")');

	43 shouldBe('cssRules[2].cssText', '"div { all: initial; }"');

	44 shouldBe('cssRules[3].cssText', '"div { all: initial !important; }"');

	45 shouldNotBe('cssRules[4].cssText', '"div { all: initial; color: red !important; }"');

	46 shouldBeTrue('contains(cssRules[4].cssText, "color: red !important;")');

	47 shouldBeTrue('contains(cssRules[4].cssText, "background: initial;")');

	48 shouldBeFalse('contains(cssRules[4].cssText, "direction: ")');

	49 shouldBeFalse('contains(cssRules[4].cssText, "unicode-bidi: ")');

	50

	51 shouldBe('cssRules[5].cssText', '"div { all: inherit; }"');

	52 shouldNotBe('cssRules[6].cssText', '"div { all: inherit; color: red; }"');

	53 shouldBeTrue('contains(cssRules[6].cssText, "color: red;")');

	54 shouldBeFalse('contains(cssRules[6].cssText, "direction: ")');

	55 shouldBeFalse('contains(cssRules[6].cssText, "unicode-bidi: ")');

	56 shouldBe('cssRules[7].cssText', '"div { all: inherit; }"');

	57 shouldBe('cssRules[8].cssText', '"div { all: inherit !important; }"');

	58 shouldNotBe('cssRules[9].cssText', '"div { all: inherit; color: red !important; }"');

	59 shouldBeTrue('contains(cssRules[9].cssText, "color: red !important")');

	60 shouldBeTrue('contains(cssRules[9].cssText, "background: inherit;")');

	61 shouldBeFalse('contains(cssRules[9].cssText, "direction: ")');

	62 shouldBeFalse('contains(cssRules[9].cssText, "unicode-bidi: ")');

	63

	64 shouldBe('cssRules[10].cssText', '"div { }"');

	65

	66 shouldBe('cssRules[11].cssText', '"div { all: initial; direction: rtl; }"');

	67

	68 shouldBe('cssRules[12].cssText', '"div { direction: ltr; unicode-bidi: bidi-over ride; all: initial !important; }"');

	69

	70 shouldBeFalse('contains(cssRules[13].cssText, "all: initial;")');

	71 shouldBeTrue('contains(cssRules[13].cssText, "direction: ltr;")');

	72 shouldBeTrue('contains(cssRules[13].cssText, "color: red;")');

	73

	74 shouldBeFalse('contains(cssRules[14].cssText, "all: initial;")');

	75 shouldBeFalse('contains(cssRules[14].cssText, "font: initial;")');

	76 shouldBeTrue('contains(cssRules[14].cssText, "font-family: initial;")');

	77

	78 shouldBeFalse('contains(cssRules[15].cssText, "all: initial;")');

	79 shouldBeFalse('contains(cssRules[14].cssText, "font: initial;")');

	80 shouldBeFalse('contains(cssRules[14].cssText, "marker: initial;")');

	81 shouldBeTrue('contains(cssRules[15].cssText, "width: inherit;")');

	82 shouldBeTrue('contains(cssRules[15].cssText, "min-width: initial;")');

	83 shouldBeTrue('contains(cssRules[15].cssText, "max-width: initial;")');

	84 shouldBeTrue('contains(cssRules[15].cssText, "marker-start: initial;")');

	85 shouldBeTrue('contains(cssRules[15].cssText, "marker-mid: initial;")');

	86 shouldBeTrue('contains(cssRules[15].cssText, "marker-end: initial;")');

	87 </script>

OLD	NEW