diff options
Diffstat (limited to 'third_party/WebKit/LayoutTests')
171 files changed, 1799 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/ChangeLog b/third_party/WebKit/LayoutTests/ChangeLog index 163ab2c..9f7e75b 100644 --- a/third_party/WebKit/LayoutTests/ChangeLog +++ b/third_party/WebKit/LayoutTests/ChangeLog @@ -1,3 +1,237 @@ +2006-06-09 Kimmo Kinnunen <kimmo.t.kinnunen@nokia.com> + + Reviewed by Hyatt. + + Test cases for CSS3 Media Queries implementation. + <http://bugzilla.opendarwin.org/show_bug.cgi?id=4127> + + * fast/media/import-p-green.css: Added. + * fast/media/import-p-red.css: Added. + * fast/media/media-descriptor-syntax-01-expected.checksum: Added. + * fast/media/media-descriptor-syntax-01-expected.png: Added. + * fast/media/media-descriptor-syntax-01-expected.txt: Added. + * fast/media/media-descriptor-syntax-01.html: Added. + * fast/media/media-descriptor-syntax-02-expected.checksum: Added. + * fast/media/media-descriptor-syntax-02-expected.png: Added. + * fast/media/media-descriptor-syntax-02-expected.txt: Added. + * fast/media/media-descriptor-syntax-02.html: Added. + * fast/media/media-descriptor-syntax-03-expected.checksum: Added. + * fast/media/media-descriptor-syntax-03-expected.png: Added. + * fast/media/media-descriptor-syntax-03-expected.txt: Added. + * fast/media/media-descriptor-syntax-03.html: Added. + * fast/media/media-descriptor-syntax-04-expected.checksum: Added. + * fast/media/media-descriptor-syntax-04-expected.png: Added. + * fast/media/media-descriptor-syntax-04-expected.txt: Added. + * fast/media/media-descriptor-syntax-04.html: Added. + * fast/media/media-descriptor-syntax-05-expected.checksum: Added. + * fast/media/media-descriptor-syntax-05-expected.png: Added. + * fast/media/media-descriptor-syntax-05-expected.txt: Added. + * fast/media/media-descriptor-syntax-05.html: Added. + * fast/media/media-descriptor-syntax-06-expected.checksum: Added. + * fast/media/media-descriptor-syntax-06-expected.png: Added. + * fast/media/media-descriptor-syntax-06-expected.txt: Added. + * fast/media/media-descriptor-syntax-06.html: Added. + * fast/media/media-type-syntax-01-expected.checksum: Added. + * fast/media/media-type-syntax-01-expected.png: Added. + * fast/media/media-type-syntax-01-expected.txt: Added. + * fast/media/media-type-syntax-01.html: Added. + * fast/media/media-type-syntax-02-expected.checksum: Added. + * fast/media/media-type-syntax-02-expected.png: Added. + * fast/media/media-type-syntax-02-expected.txt: Added. + * fast/media/media-type-syntax-02.html: Added. + * fast/media/mq-compound-query-01-expected.checksum: Added. + * fast/media/mq-compound-query-01-expected.png: Added. + * fast/media/mq-compound-query-01-expected.txt: Added. + * fast/media/mq-compound-query-01.html: Added. + * fast/media/mq-compound-query-02-expected.checksum: Added. + * fast/media/mq-compound-query-02-expected.png: Added. + * fast/media/mq-compound-query-02-expected.txt: Added. + * fast/media/mq-compound-query-02.html: Added. + * fast/media/mq-compound-query-03-expected.checksum: Added. + * fast/media/mq-compound-query-03-expected.png: Added. + * fast/media/mq-compound-query-03-expected.txt: Added. + * fast/media/mq-compound-query-03.html: Added. + * fast/media/mq-compound-query-04-expected.checksum: Added. + * fast/media/mq-compound-query-04-expected.png: Added. + * fast/media/mq-compound-query-04-expected.txt: Added. + * fast/media/mq-compound-query-04.html: Added. + * fast/media/mq-compound-query-05-expected.checksum: Added. + * fast/media/mq-compound-query-05-expected.png: Added. + * fast/media/mq-compound-query-05-expected.txt: Added. + * fast/media/mq-compound-query-05.html: Added. + * fast/media/mq-grid-01-expected.checksum: Added. + * fast/media/mq-grid-01-expected.png: Added. + * fast/media/mq-grid-01-expected.txt: Added. + * fast/media/mq-grid-01.html: Added. + * fast/media/mq-grid-02-expected.checksum: Added. + * fast/media/mq-grid-02-expected.png: Added. + * fast/media/mq-grid-02-expected.txt: Added. + * fast/media/mq-grid-02.html: Added. + * fast/media/mq-invalid-media-feature-01-expected.checksum: Added. + * fast/media/mq-invalid-media-feature-01-expected.png: Added. + * fast/media/mq-invalid-media-feature-01-expected.txt: Added. + * fast/media/mq-invalid-media-feature-01.html: Added. + * fast/media/mq-invalid-media-feature-02-expected.checksum: Added. + * fast/media/mq-invalid-media-feature-02-expected.png: Added. + * fast/media/mq-invalid-media-feature-02-expected.txt: Added. + * fast/media/mq-invalid-media-feature-02.html: Added. + * fast/media/mq-invalid-media-feature-03-expected.checksum: Added. + * fast/media/mq-invalid-media-feature-03-expected.png: Added. + * fast/media/mq-invalid-media-feature-03-expected.txt: Added. + * fast/media/mq-invalid-media-feature-03.html: Added. + * fast/media/mq-invalid-media-feature-04-expected.checksum: Added. + * fast/media/mq-invalid-media-feature-04-expected.png: Added. + * fast/media/mq-invalid-media-feature-04-expected.txt: Added. + * fast/media/mq-invalid-media-feature-04.html: Added. + * fast/media/mq-invalid-syntax-01-expected.checksum: Added. + * fast/media/mq-invalid-syntax-01-expected.png: Added. + * fast/media/mq-invalid-syntax-01-expected.txt: Added. + * fast/media/mq-invalid-syntax-01.html: Added. + * fast/media/mq-invalid-syntax-02-expected.checksum: Added. + * fast/media/mq-invalid-syntax-02-expected.png: Added. + * fast/media/mq-invalid-syntax-02-expected.txt: Added. + * fast/media/mq-invalid-syntax-02.html: Added. + * fast/media/mq-invalid-syntax-03-expected.checksum: Added. + * fast/media/mq-invalid-syntax-03-expected.png: Added. + * fast/media/mq-invalid-syntax-03-expected.txt: Added. + * fast/media/mq-invalid-syntax-03.html: Added. + * fast/media/mq-invalid-syntax-04-expected.checksum: Added. + * fast/media/mq-invalid-syntax-04-expected.png: Added. + * fast/media/mq-invalid-syntax-04-expected.txt: Added. + * fast/media/mq-invalid-syntax-04.html: Added. + * fast/media/mq-invalid-syntax-05-expected.checksum: Added. + * fast/media/mq-invalid-syntax-05-expected.png: Added. + * fast/media/mq-invalid-syntax-05-expected.txt: Added. + * fast/media/mq-invalid-syntax-05.html: Added. + * fast/media/mq-js-media-except-01-expected.checksum: Added. + * fast/media/mq-js-media-except-01-expected.png: Added. + * fast/media/mq-js-media-except-01-expected.txt: Added. + * fast/media/mq-js-media-except-01.html: Added. + * fast/media/mq-js-media-except-02-expected.checksum: Added. + * fast/media/mq-js-media-except-02-expected.png: Added. + * fast/media/mq-js-media-except-02-expected.txt: Added. + * fast/media/mq-js-media-except-02.html: Added. + * fast/media/mq-js-media-except-03-expected.checksum: Added. + * fast/media/mq-js-media-except-03-expected.png: Added. + * fast/media/mq-js-media-except-03-expected.txt: Added. + * fast/media/mq-js-media-except-03.html: Added. + * fast/media/mq-js-media-forward-syntax-expected.checksum: Added. + * fast/media/mq-js-media-forward-syntax-expected.png: Added. + * fast/media/mq-js-media-forward-syntax-expected.txt: Added. + * fast/media/mq-js-media-forward-syntax.html: Added. + * fast/media/mq-js-stylesheet-media-01-expected.checksum: Added. + * fast/media/mq-js-stylesheet-media-01-expected.png: Added. + * fast/media/mq-js-stylesheet-media-01-expected.txt: Added. + * fast/media/mq-js-stylesheet-media-01.html: Added. + * fast/media/mq-js-stylesheet-media-02-expected.checksum: Added. + * fast/media/mq-js-stylesheet-media-02-expected.png: Added. + * fast/media/mq-js-stylesheet-media-02-expected.txt: Added. + * fast/media/mq-js-stylesheet-media-02.html: Added. + * fast/media/mq-js-stylesheet-media-03-expected.checksum: Added. + * fast/media/mq-js-stylesheet-media-03-expected.png: Added. + * fast/media/mq-js-stylesheet-media-03-expected.txt: Added. + * fast/media/mq-js-stylesheet-media-03.html: Added. + * fast/media/mq-js-stylesheet-media-04-expected.checksum: Added. + * fast/media/mq-js-stylesheet-media-04-expected.png: Added. + * fast/media/mq-js-stylesheet-media-04-expected.txt: Added. + * fast/media/mq-js-stylesheet-media-04.html: Added. + * fast/media/mq-min-constraint-expected.checksum: Added. + * fast/media/mq-min-constraint-expected.png: Added. + * fast/media/mq-min-constraint-expected.txt: Added. + * fast/media/mq-min-constraint.html: Added. + * fast/media/mq-relative-constraints-02-expected.checksum: Added. + * fast/media/mq-relative-constraints-02-expected.png: Added. + * fast/media/mq-relative-constraints-02-expected.txt: Added. + * fast/media/mq-relative-constraints-02.html: Added. + * fast/media/mq-relative-constraints-03-expected.checksum: Added. + * fast/media/mq-relative-constraints-03-expected.png: Added. + * fast/media/mq-relative-constraints-03-expected.txt: Added. + * fast/media/mq-relative-constraints-03.html: Added. + * fast/media/mq-relative-constraints-04-expected.checksum: Added. + * fast/media/mq-relative-constraints-04-expected.png: Added. + * fast/media/mq-relative-constraints-04-expected.txt: Added. + * fast/media/mq-relative-constraints-04.html: Added. + * fast/media/mq-relative-constraints-05-expected.checksum: Added. + * fast/media/mq-relative-constraints-05-expected.png: Added. + * fast/media/mq-relative-constraints-05-expected.txt: Added. + * fast/media/mq-relative-constraints-05.html: Added. + * fast/media/mq-relative-constraints-06-expected.checksum: Added. + * fast/media/mq-relative-constraints-06-expected.png: Added. + * fast/media/mq-relative-constraints-06-expected.txt: Added. + * fast/media/mq-relative-constraints-06.html: Added. + * fast/media/mq-relative-constraints-07-expected.checksum: Added. + * fast/media/mq-relative-constraints-07-expected.png: Added. + * fast/media/mq-relative-constraints-07-expected.txt: Added. + * fast/media/mq-relative-constraints-07.html: Added. + * fast/media/mq-relative-constraints-08-expected.checksum: Added. + * fast/media/mq-relative-constraints-08-expected.png: Added. + * fast/media/mq-relative-constraints-08-expected.txt: Added. + * fast/media/mq-relative-constraints-08.html: Added. + * fast/media/mq-relative-constraints-09-expected.checksum: Added. + * fast/media/mq-relative-constraints-09-expected.png: Added. + * fast/media/mq-relative-constraints-09-expected.txt: Added. + * fast/media/mq-relative-constraints-09.html: Added. + * fast/media/mq-simple-neg-query-01-expected.checksum: Added. + * fast/media/mq-simple-neg-query-01-expected.png: Added. + * fast/media/mq-simple-neg-query-01-expected.txt: Added. + * fast/media/mq-simple-neg-query-01.html: Added. + * fast/media/mq-simple-neg-query-02-expected.checksum: Added. + * fast/media/mq-simple-neg-query-02-expected.png: Added. + * fast/media/mq-simple-neg-query-02-expected.txt: Added. + * fast/media/mq-simple-neg-query-02.html: Added. + * fast/media/mq-simple-neg-query-03-expected.checksum: Added. + * fast/media/mq-simple-neg-query-03-expected.png: Added. + * fast/media/mq-simple-neg-query-03-expected.txt: Added. + * fast/media/mq-simple-neg-query-03.html: Added. + * fast/media/mq-simple-neg-query-04-expected.checksum: Added. + * fast/media/mq-simple-neg-query-04-expected.png: Added. + * fast/media/mq-simple-neg-query-04-expected.txt: Added. + * fast/media/mq-simple-neg-query-04.html: Added. + * fast/media/mq-simple-neg-query-05-expected.checksum: Added. + * fast/media/mq-simple-neg-query-05-expected.png: Added. + * fast/media/mq-simple-neg-query-05-expected.txt: Added. + * fast/media/mq-simple-neg-query-05.html: Added. + * fast/media/mq-simple-query-01-expected.checksum: Added. + * fast/media/mq-simple-query-01-expected.png: Added. + * fast/media/mq-simple-query-01-expected.txt: Added. + * fast/media/mq-simple-query-01.html: Added. + * fast/media/mq-simple-query-02-expected.checksum: Added. + * fast/media/mq-simple-query-02-expected.png: Added. + * fast/media/mq-simple-query-02-expected.txt: Added. + * fast/media/mq-simple-query-02.html: Added. + * fast/media/mq-simple-query-03-expected.checksum: Added. + * fast/media/mq-simple-query-03-expected.png: Added. + * fast/media/mq-simple-query-03-expected.txt: Added. + * fast/media/mq-simple-query-03.html: Added. + * fast/media/mq-simple-query-04-expected.checksum: Added. + * fast/media/mq-simple-query-04-expected.png: Added. + * fast/media/mq-simple-query-04-expected.txt: Added. + * fast/media/mq-simple-query-04.html: Added. + * fast/media/mq-simple-query-05-expected.checksum: Added. + * fast/media/mq-simple-query-05-expected.png: Added. + * fast/media/mq-simple-query-05-expected.txt: Added. + * fast/media/mq-simple-query-05.html: Added. + * fast/media/mq-valueless-expected.checksum: Added. + * fast/media/mq-valueless-expected.png: Added. + * fast/media/mq-valueless-expected.txt: Added. + * fast/media/mq-valueless.html: Added. + * fast/media/mq-width-absolute-01-expected.checksum: Added. + * fast/media/mq-width-absolute-01-expected.png: Added. + * fast/media/mq-width-absolute-01-expected.txt: Added. + * fast/media/mq-width-absolute-01.html: Added. + * fast/media/mq-width-absolute-02-expected.checksum: Added. + * fast/media/mq-width-absolute-02-expected.png: Added. + * fast/media/mq-width-absolute-02-expected.txt: Added. + * fast/media/mq-width-absolute-02.html: Added. + * fast/media/mq-width-absolute-03-expected.checksum: Added. + * fast/media/mq-width-absolute-03-expected.png: Added. + * fast/media/mq-width-absolute-03-expected.txt: Added. + * fast/media/mq-width-absolute-03.html: Added. + * fast/media/mq-width-absolute-04-expected.checksum: Added. + * fast/media/mq-width-absolute-04-expected.png: Added. + * fast/media/mq-width-absolute-04-expected.txt: Added. + * fast/media/mq-width-absolute-04.html: Added. + 2006-06-08 Justin Garcia <justin.garcia@apple.com> Reviewed by levi diff --git a/third_party/WebKit/LayoutTests/fast/media/import-p-green.css b/third_party/WebKit/LayoutTests/fast/media/import-p-green.css new file mode 100644 index 0000000..131ad93 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/import-p-green.css @@ -0,0 +1 @@ +p { color: green } diff --git a/third_party/WebKit/LayoutTests/fast/media/import-p-red.css b/third_party/WebKit/LayoutTests/fast/media/import-p-red.css new file mode 100644 index 0000000..e8b0e11 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/import-p-red.css @@ -0,0 +1,2 @@ +p { color: red } +\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01.html new file mode 100644 index 0000000..3c5ca9f --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-01.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>HTML4 media descriptors test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> + +<style type="text/css" media="3d-glasses, screen and resolution > 40dpi, braille"> +p { color: green } +</style> + +</head> +<body> +</body> +<p> This text should be green. </p> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02.html new file mode 100644 index 0000000..d3cb208 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-02.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>HTML4 media descriptor test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> +<!-- actual testcase from http://www.hixie.ch/tests/evil/css/import/extra/styleexoticmedia.html --> + +<style type="text/css" media="screen;braille"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03.html new file mode 100644 index 0000000..c503521 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-03.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>HTML4 media descriptor test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> +<!-- actual testcase from http://www.hixie.ch/tests/evil/css/import/extra/styleexoticmedia.html --> +<style type="text/css" media="braille, all with print"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04.html new file mode 100644 index 0000000..bd22795 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-04.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>HTML4 media descriptor test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> +<style type="text/css" media=",,,,"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05.html new file mode 100644 index 0000000..805fa23 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-05.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>HTML4 media descriptor test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> +<style type="text/css" media="*****|{}- |[|"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06.html b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06.html new file mode 100644 index 0000000..ffcc4bc --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-descriptor-syntax-06.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>HTML4 media descriptor test: parsing style element media attribute, forward-compatible syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> +<style type="text/css" media=" "> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01.html b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01.html new file mode 100644 index 0000000..940cffb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-01.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS2.1 media type test: parsing simple @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> + +<style type="text/css"> +@media all { p { color: green } } +</style> + +</head> +<body> +</body> +<p> This text should be green. </p> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02.html b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02.html new file mode 100644 index 0000000..6d81bb4 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/media-type-syntax-02.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS2.1 media type test: parsing simple @media css rule. Media type ,,,, should be considered as invalid syntax</title> +<link rel="help" href="http://www.w3.org/TR/REC-html40/types.html#h-6.13" /> + +<style type="text/css"> +p { color: green } +@media ,,,,, { p { color: red } } +</style> + +</head> +<body> +</body> +<p> This text should be green. </p> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.checksum new file mode 100644 index 0000000..551aced --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.checksum @@ -0,0 +1 @@ +7499a40172304d162bb6dbf0ac77e8dd
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.txt new file mode 100644 index 0000000..0266729 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 317x18 + text run at (0,0) width 317: "This text should be green on bitmap color devices." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01.html new file mode 100644 index 0000000..4867acb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-01.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>CSS3 media query test: media query testing compound queries (screen and (color) and (grid:0)). Using style element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css" media="screen and (color) and (grid:0)"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green on bitmap color devices.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.checksum new file mode 100644 index 0000000..551aced --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.checksum @@ -0,0 +1 @@ +7499a40172304d162bb6dbf0ac77e8dd
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.txt new file mode 100644 index 0000000..0266729 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 317x18 + text run at (0,0) width 317: "This text should be green on bitmap color devices." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02.html new file mode 100644 index 0000000..9d019dd --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-02.html @@ -0,0 +1,10 @@ +<html> +<head> +<title>CSS3 media query test: media query testing compound queries (screen and (color) and (grid:0)). Using link element, media attribute</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<link rel="stylesheet" type="text/css" media="screen and (color) and (grid:0)" href="import-p-green.css" /> +</head> +<body> +<p> This text should be green on bitmap color devices.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.checksum new file mode 100644 index 0000000..551aced --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.checksum @@ -0,0 +1 @@ +7499a40172304d162bb6dbf0ac77e8dd
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.txt new file mode 100644 index 0000000..0266729 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 317x18 + text run at (0,0) width 317: "This text should be green on bitmap color devices." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03.html new file mode 100644 index 0000000..83b1734 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-03.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>CSS3 media query test: media query testing compound queries (screen and (color) and (grid:0)). Using style element, css @import rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css" > +@import url(import-p-green.css) screen and (color) and (grid:0); +</style> + +</head> +<body> +<p> This text should be green on bitmap color devices.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.checksum new file mode 100644 index 0000000..551aced --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.checksum @@ -0,0 +1 @@ +7499a40172304d162bb6dbf0ac77e8dd
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.txt new file mode 100644 index 0000000..0266729 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 317x18 + text run at (0,0) width 317: "This text should be green on bitmap color devices." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04.html new file mode 100644 index 0000000..1c6eb62 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-04.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: media query testing compound queries (screen and (color) and (grid:0)). Using style element, css @media rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css"> +@media screen and (color) and (grid:0) { +p { color: green } +} +</style> + +</head> +<body> +<p> This text should be green on bitmap color devices.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.checksum new file mode 100644 index 0000000..54d2303 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.checksum @@ -0,0 +1 @@ +05a863a321f32f15ca96f0b745ab6823
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.txt new file mode 100644 index 0000000..f4f32bc0 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 399x18 + text run at (0,0) width 399: "This text should be green if viewport is at most 800px x 600px." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05.html b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05.html new file mode 100644 index 0000000..376e7e3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-compound-query-05.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: Compound media query, absolute values (screen and (max-width: 800px) and (max-height:600px)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> + +<style type="text/css"> +@media screen and (max-width: 800px) and (max-height:600px){ +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if viewport is at most 800px x 600px.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.checksum new file mode 100644 index 0000000..710b1d2 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.checksum @@ -0,0 +1 @@ +1c11b6a1285dfb1dad48634108141ce9
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.txt new file mode 100644 index 0000000..fcb7ae3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 378x18 + text run at (0,0) width 378: "This text should be green if viewing device is bitmap device" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01.html new file mode 100644 index 0000000..d6a4884 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-01.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: Media query testing value of grid (screen and grid:0). Using style attribute, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +@media screen and (grid: 0) { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if viewing device is bitmap device</p> +</body> +</html> + diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.checksum new file mode 100644 index 0000000..66c0eb6 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.checksum @@ -0,0 +1 @@ +364923683606083e6728dc6edcf76f89
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.txt new file mode 100644 index 0000000..6134912 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 399x18 + text run at (0,0) width 399: "This text should be green if viewing device is not a grid device." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-grid-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02.html new file mode 100644 index 0000000..6590b4e --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-grid-02.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS3 media query test: media query testing not and parameterless feature (not screen and (grid)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#grid" /> +<style type="text/css"> +@media not screen and (grid) { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if viewing device is not a grid device.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01.html new file mode 100644 index 0000000..007523c --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-01.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: syntactically correct query with invalid media feature should eval false (all and (invalid)). Using style element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +</style> +<style type="text/css" media="all and (invalid)"> +p { color: red } +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02.html new file mode 100644 index 0000000..f8467b8 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-02.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>CSS3 media query test: syntactically correct query with invalid media feature should eval false (all and (invalid)). Using link element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +</style> +<link rel="stylesheet" type="text/css" media="all and (invalid)" href="import-p-red.css" /> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03.html new file mode 100644 index 0000000..4781a05 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-03.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: syntactically correct query with invalid media feature should eval false (all and (invalid)). Using style element, css import rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +</style> +<style type="text/css"> +@import url(import-p-red.css) all and (invalid); +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04.html new file mode 100644 index 0000000..05c9d47 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-media-feature-04.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: syntactically correct query with invalid media feature should eval false (all and (invalid)). Using style element, css media rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +@media all and (invalid) { +p { color: red } +} +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01.html new file mode 100644 index 0000000..9baddbf --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-01.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS3 media query test: syntactically invalid media query inside html element should be treated as html media descriptor. Using style element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> + +<style type="text/css" media="all and invalid"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02.html new file mode 100644 index 0000000..69a9b34 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-02.html @@ -0,0 +1,12 @@ +<html> +<head> +<title>CSS3 media query test: syntactically invalid media query inside html element should be treated as media descriptor. Using link element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> + +<link rel="stylesheet" type="text/css" media="all and invalid" href="import-p-green.css" /> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03.html new file mode 100644 index 0000000..0c34d5b --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-03.html @@ -0,0 +1,16 @@ +<html> +<head> +<title>CSS3 media query test: syntactically invalid media query inside css rule should eval to false. Using style element, css import rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +</style> +<style type="text/css"> +@import url(import-p-red.css) all and invalid; +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04.html new file mode 100644 index 0000000..a5e608c --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-04.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: syntactically invalid media query inside css rule should eval to false. Using style element, css media rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: green } +@media all and invalid { +p { color: red } +} +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05.html b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05.html new file mode 100644 index 0000000..bd5db84 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-invalid-syntax-05.html @@ -0,0 +1,17 @@ +<html> +<head> +<title>CSS3 media query test: syntactically invalid media query inside css rule should eval to false (,,,,). Using style element, css import rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<!-- this test shows slight disconnect between css media queries and html4 media descriptors --> +<style type="text/css" media=",,,,,,"> +p { color: green } +</styl> +<style type="text/css"> +@import url(import-p-red.css) all,,,,,,; + +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.checksum new file mode 100644 index 0000000..7534215 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.checksum @@ -0,0 +1 @@ +9d59e88369e0bb024dff565dca8552d4
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.txt new file mode 100644 index 0000000..a962b50 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 + RenderText {#text} at (0,0) size 244x18 + text run at (0,0) width 244: "The text below should read \"Success.\"" + RenderBlock {P} at (0,34) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 54x18 + text run at (0,0) width 54: "Success." + RenderBlock {P} at (0,68) size 784x18 + RenderText {#text} at (0,0) size 519x18 + text run at (0,0) width 519: "Following exception was caught: Error: NOT_FOUND_ERR: DOM Exception 8" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01.html new file mode 100644 index 0000000..cf68ec8 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-01.html @@ -0,0 +1,31 @@ +<html> +<head> +<title>CSS3 media query test: deleteMedium throwing exception.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> + +<style type="text/css"> +@media all and (color) { +p#result { color: green;} +} +</style> + +<script language="javascript"> +function test() { + try { + document.styleSheets[0].cssRules[0].media.deleteMedium("all and ("); + } + catch(e) { + document.getElementById("result").innerHTML = "Success." + document.getElementById("details").innerHTML = "Following exception was caught: " + e; + } +} +</script> + + +</head> +<body onload="test()"> +<p>The text below should read "Success." </p> +<p id="result">Failure: test not run.</p> +<p id="details"></p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.checksum new file mode 100644 index 0000000..33f25b9 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.checksum @@ -0,0 +1 @@ +84987ac023fd4ab7ec1021a5298cba0f
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.txt new file mode 100644 index 0000000..0762171 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." + RenderBlock {P} at (0,34) size 784x18 + RenderText {#text} at (0,0) size 401x18 + text run at (0,0) width 401: "Caught exception: Error: SYNTAX_ERR: DOM Exception 12" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02.html new file mode 100644 index 0000000..657c98e --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-02.html @@ -0,0 +1,38 @@ +<html> +<head> +<title>CSS3 media query test: @media css rule media.mediaText property parsing, media query syntax error should be handled correctly.</title> +<link rel="help" href="http://www.w3.org/TR/CSS21/media.html" /> + +<style type="text/css"> +p#result {color: green} + +@media not screen { +/* query will be modified from javascript */ +/* the manipulation contains syntax error, and should fail */ +p#result {color: red} +} + +@media screen and resolution > 40dpi { +/* media query with syntax error should fail */ +/* corresponding DOM manipulation will fail */ +p#result {color: red} +} +</style> +<script language="javascript"> +function test() { + try { + // this should throw + document.styleSheets[0].cssRules[1].media.mediaText = "screen and resolution > 40dpi"; + } catch (e) { + document.getElementById("result").innerHTML = "This text should be green."; + document.getElementById("details").innerHTML = "Caught exception: " + e; + } +} +</script> + +</head> +<body onload="test()"> +<p id="result">Failure: test not run</p> +<p id="details"></p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.checksum new file mode 100644 index 0000000..087a29d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.checksum @@ -0,0 +1 @@ +6b2b09a646db9fc944c4bb148dec6135
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.txt new file mode 100644 index 0000000..eabb0c8 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 221x18 + text run at (0,0) width 221: "Success. This text should be green." + RenderBlock {P} at (0,34) size 784x18 + RenderText {#text} at (0,0) size 401x18 + text run at (0,0) width 401: "Caught exception: Error: SYNTAX_ERR: DOM Exception 12" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03.html new file mode 100644 index 0000000..fe3c3dd --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-except-03.html @@ -0,0 +1,43 @@ +<html> +<head> +<title>CSS3 media query test: @media css rule media.mediaText property parsing, media query syntax error should be handled correctly (,,,,).</title> +<link rel="help" href="http://www.w3.org/TR/CSS21/media.html" /> +<link rel="help" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSMediaRule" /> +<!-- this test shows slight disconnect between css media queries and html4 media descriptors --> +<style type="text/css"> +p#result {color: green} + +@media braille { +/* query will be modified from javascript */ +/* the manipulation contains syntax error, and should fail */ +p#result {color: red} +} +} +</style> +<script language="javascript"> +function test() { + try { + // this shouldn't throw + document.styleSheets[0].media.mediaText = ",,,,"; + } catch (e) { + document.getElementById("result").innerHTML = "Failure. ,,,, should be valid media descriptor."; + document.getElementById("details").innerHTML = "Caught exception: " + e; + return; + } + try { + // this should throw + document.styleSheets[0].cssRules[1].media.mediaText = ",,,,"; + document.getElementById("result").innerHTML = "Failure. No exception thrown."; + } catch (e) { + document.getElementById("result").innerHTML = "Success. This text should be green."; + document.getElementById("details").innerHTML = "Caught exception: " + e; + } +} +</script> + +</head> +<body onload="test()"> +<p id="result">Failure: test not run</p> +<p id="details">aaa</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax.html new file mode 100644 index 0000000..5e74cdb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax.html @@ -0,0 +1,33 @@ +<html> +<head> +<title>CSS3 media query test: stylesheet media.mediaText = parsing, media descriptor fallback in document.StyleSheet.media.mediaText</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> + +<!-- the media property of stylesheet below will be manipulated, and + manipulation should respect html media descriptor forward-compatible syntax. + This means the manipulation should succeed. --> +<style type="text/css"> + +p#result { color: green;} + +@media screen and resolution > 40dpi { +/* media query with syntax error should fail */ +/* corresponding DOM manipulation to the mediaText of the stylesheet will succeed */ +p#result { color: red;} + +} +</style> +<script language="javascript"> +function test() { + // this should not throw, because StyleSheet should respect Media Description forward-compatible syntax + document.styleSheets[0].media.mediaText = "screen and resolution > 40dpi"; + document.getElementById("result").innerHTML = "This text should be green."; +} +</script> + + +</head> +<body onload="test()"> +<p id="result">Failure: test not run</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.checksum new file mode 100644 index 0000000..0dc845a --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.checksum @@ -0,0 +1 @@ +bfd66393358e49a5b1c09f4acb698233
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.txt new file mode 100644 index 0000000..4af0a58 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 + RenderText {#text} at (0,0) size 610x18 + text run at (0,0) width 610: "The text below should be green and contain \"braille, media, screen and (color) and (grid: 0), tty\"." + RenderBlock {P} at (0,34) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 312x18 + text run at (0,0) width 312: "braille, media, screen and (color) and (grid: 0), tty" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01.html new file mode 100644 index 0000000..13b21c4 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-01.html @@ -0,0 +1,23 @@ +<html> +<head> +<title>CSS3 media query test: stylesheet media.mediaText property inspection.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> + +<style type="text/css" media="braille, media with error, screen and (color) and (grid:0), tty resolution > 600px"> +#result { color: green } +</style> + +<script language="javascript"> +function test() { + re = document.getElementById("result"); + re.innerHTML = "started"; + re.innerHTML = document.styleSheets[0].media.mediaText; +} +</script> + +</head> +<body onload="test()"> +<p> The text below should be green and contain "braille, media, screen and (color) and (grid: 0), tty". </p> +<p id="result">Failure: test not run</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.checksum new file mode 100644 index 0000000..0dc845a --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.checksum @@ -0,0 +1 @@ +bfd66393358e49a5b1c09f4acb698233
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.txt new file mode 100644 index 0000000..4af0a58 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 + RenderText {#text} at (0,0) size 610x18 + text run at (0,0) width 610: "The text below should be green and contain \"braille, media, screen and (color) and (grid: 0), tty\"." + RenderBlock {P} at (0,34) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 312x18 + text run at (0,0) width 312: "braille, media, screen and (color) and (grid: 0), tty" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02.html new file mode 100644 index 0000000..bc7ff03 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02.html @@ -0,0 +1,27 @@ +<html> +<head> +<title>CSS3 media query test: stylesheet media property enumeration.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<link rel="help" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html" /> + +<style type="text/css" media="braille, media with error, screen and (color) and (grid:0), tty resolution > 600px"> +#result { color: green; } +</style> + +<script language="javascript"> +function test() { + re = document.getElementById("result"); + re.innerHTML = "started"; + re.innerHTML = document.styleSheets[0].media.item(0) + + ", " + document.styleSheets[0].media.item(1) + + ", " + document.styleSheets[0].media.item(2) + + ", " + document.styleSheets[0].media.item(3) ; +} +</script> + +</head> +<body onload="test()"> +<p> The text below should be green and contain "braille, media, screen and (color) and (grid: 0), tty". </p> +<p id="result">Failure: test not run</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.checksum new file mode 100644 index 0000000..259cb2f --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.checksum @@ -0,0 +1 @@ +e6d84d9dec5b0856a1c30816e87d16aa
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.txt new file mode 100644 index 0000000..203f9eb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 + RenderText {#text} at (0,0) size 560x18 + text run at (0,0) width 560: "This text should be green and below should read \"braille, not screen, screen and (color)\"." + RenderBlock {P} at (0,34) size 784x18 + RenderText {#text} at (0,0) size 304x18 + text run at (0,0) width 304: "braille, not screen, screen and (color), not screen" + RenderBlock {P} at (0,68) size 784x18 + RenderText {#text} at (0,0) size 182x18 + text run at (0,0) width 182: "expected to fail (24.07.2005)" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03.html new file mode 100644 index 0000000..bdc88b1 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-03.html @@ -0,0 +1,35 @@ +<html> +<head> +<title>CSS3 media query test: stylesheet media.appendMedium</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<link rel="help" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html" /> +<style type="text/css" media="braille, not screen"> +p { color: green } +</style> + +<script language="javascript"> +function test() { + var re = document.getElementById("result"); + var media = document.styleSheets[0].media; + media.appendMedium("screen and (color)"); + media.appendMedium("not screen"); + var first = true; + for (var i = 0; i < media.length; ++i) { + if (!first) re.innerHTML += ", " + media.item(i); + else re.innerHTML = media.item(i); + first = false; + } + +} +</script> + +</head> +<body onload="test()"> +<!-- FIXME: NOTE! This will fail until dynamic setting of media property causes style recalculation. + This is not the case currently (24.07.2005) +--> +<p> This text should be green and below should read "braille, not screen, screen and (color)". </p> +<p id="result">Failure: test not run</p> +<p> expected to fail (24.07.2005)</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.checksum new file mode 100644 index 0000000..169d8b2 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.checksum @@ -0,0 +1 @@ +0cf7a9c4a6243d772ea0d5d074bdb442
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.txt new file mode 100644 index 0000000..d96e002 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 + RenderText {#text} at (0,0) size 445x18 + text run at (0,0) width 445: "This text should be green and below should read \"media list is empty\"." + RenderBlock {P} at (0,34) size 784x18 + RenderText {#text} at (0,0) size 117x18 + text run at (0,0) width 117: "media list is empty" + RenderBlock {P} at (0,68) size 784x18 + RenderText {#text} at (0,0) size 177x18 + text run at (0,0) width 177: "Expected to fail (24.7.2005)" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04.html new file mode 100644 index 0000000..4464f20 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-04.html @@ -0,0 +1,37 @@ +<html> +<head> +<title>CSS3 media query test: stylesheet media deleteMedium </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<link rel="help" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html" /> +<style type="text/css" media="braille, not screen"> +p { color: green } +</style> + +<script language="javascript"> +function test() { + var re = document.getElementById("result"); + var media = document.styleSheets[0].media; + media.appendMedium("screen and (color)"); + while (media.length) { + media.deleteMedium(media.item(0)); + } + re.innerHTML = "media list is empty" + var first = true; + for (var i = 0; i < media.length; ++i) { + if (!first) re.innerHTML += ", " + media.item(i); + else re.innerHTML = media.item(i); + first = false; + } +} +</script> + +</head> +<body onload="test()"> +<!-- FIXME: NOTE! This will fail until dynamic setting of media property causes style recalculation. + This is not the case currently (24.07.2005) +--> +<p> This text should be green and below should read "media list is empty". </p> +<p id="result">Failure: test not run</p> +<p> Expected to fail (24.7.2005) </p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.checksum new file mode 100644 index 0000000..49da6cb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.checksum @@ -0,0 +1 @@ +4c146be940e196c365414a6205da5a8d
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.txt new file mode 100644 index 0000000..817c25f --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 381x18 + text run at (0,0) width 381: "This text should be green if viewport width is at least 600px." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint.html b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint.html new file mode 100644 index 0000000..25d536d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-min-constraint.html @@ -0,0 +1,17 @@ +<html> +<head> +<title>CSS3 media query test: Media query with min- constraint (screen and (min-width: 600px)). Using style attribute, @import css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" /> + +<style type="text/css"> +p { color: red } +</style> +<style type="text/css"> +@import url(import-p-green.css) screen and (min-width: 600px); +</style> +</head> +<body> +<p> This text should be green if viewport width is at least 600px.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.checksum new file mode 100644 index 0000000..04a3866 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.checksum @@ -0,0 +1 @@ +a10b78e692cedb6b2ed9fbd56b383c5e
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.txt new file mode 100644 index 0000000..d1ec510 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 360x18 + text run at (0,0) width 360: "This text should be green if viewport is wider than 30em." + RenderBlock {DIV} at (0,34) size 480x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 30 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02.html new file mode 100644 index 0000000..7006316 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-02.html @@ -0,0 +1,18 @@ +<html> +<head> +<title>CSS3 media query test: relative constraints test using screen and (min-width: 30em). Using style element, media attribute </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css" media="screen and (min-width: 30em)"> +p { + color: green; +} +</style> +</head> +<body> + +<p> This text should be green if viewport is wider than 30em. </p> + +<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.checksum new file mode 100644 index 0000000..04a3866 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.checksum @@ -0,0 +1 @@ +a10b78e692cedb6b2ed9fbd56b383c5e
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.txt new file mode 100644 index 0000000..d1ec510 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 360x18 + text run at (0,0) width 360: "This text should be green if viewport is wider than 30em." + RenderBlock {DIV} at (0,34) size 480x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 30 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03.html new file mode 100644 index 0000000..70a2473 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-03.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS3 media query test: relative constraints test using screen and (min-width: 30em). Using link element, media attribute </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<link rel="stylesheet" type="text/css" media="screen and (min-width: 30em)" href="import-p-green.css" /> +</head> +<body> + +<p> This text should be green if viewport is wider than 30em. </p> + +<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.checksum new file mode 100644 index 0000000..04a3866 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.checksum @@ -0,0 +1 @@ +a10b78e692cedb6b2ed9fbd56b383c5e
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.txt new file mode 100644 index 0000000..d1ec510 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 360x18 + text run at (0,0) width 360: "This text should be green if viewport is wider than 30em." + RenderBlock {DIV} at (0,34) size 480x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 30 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04.html new file mode 100644 index 0000000..ce889cb --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-04.html @@ -0,0 +1,17 @@ +<html> +<head> +<title>CSS3 media query test: relative constraints test using screen and (min-width: 30em). Using style element, css @import rule </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> + +<style type="text/css"> +@import url(import-p-green.css) screen and (min-width: 30em); +</style> +</head> +<body> + +<p> This text should be green if viewport is wider than 30em. </p> + +<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.checksum new file mode 100644 index 0000000..04a3866 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.checksum @@ -0,0 +1 @@ +a10b78e692cedb6b2ed9fbd56b383c5e
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.txt new file mode 100644 index 0000000..d1ec510 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 360x18 + text run at (0,0) width 360: "This text should be green if viewport is wider than 30em." + RenderBlock {DIV} at (0,34) size 480x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 30 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05.html new file mode 100644 index 0000000..c04bd3c --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-05.html @@ -0,0 +1,24 @@ +<html> +<head> +<title>CSS3 media query test: relative constraints test using screen and (min-width: 30em). Using style element, css @media rule </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> + +<style type="text/css"> +p { + color: red; +} +@media screen and (min-width: 30em) { + p { + color: green; + } +} +</style> +</head> +<body> + +<p> This text should be green if viewport is wider than 30em. </p> + +<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.checksum new file mode 100644 index 0000000..eba6089 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.checksum @@ -0,0 +1 @@ +d1770e1876ba95b0f2b7c39264bf54e8
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.txt new file mode 100644 index 0000000..0255af2 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 968x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 968x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 728x18 + text run at (0,0) width 728: "This text should be green if viewport is narrower than 60em. This tests that (min-width: 60em) can evaluate to false." + RenderBlock {DIV} at (0,34) size 960x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 60 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06.html new file mode 100644 index 0000000..da71b0d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-06.html @@ -0,0 +1,17 @@ +<html> +<head> +<title>CSS3 media query test: media query testing constraints with relative values evaluating false (screen and (min-width: 60em)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css"> +p { color: green } +@media screen and (min-width: 60em) { +p { color: red } +} +</style> +</head> +<body> +<p> This text should be green if viewport is narrower than 60em. This tests that (min-width: 60em) can evaluate to false.</p> +<div style="width: 60em; background-color: lightblue;"> div of length 60 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.checksum new file mode 100644 index 0000000..bc19618 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.checksum @@ -0,0 +1 @@ +5d142d526aa81c82a34e953c5d235a4b
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.txt new file mode 100644 index 0000000..cccd799 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 710x18 + text run at (0,0) width 710: "This text should be green if viewport is wider than 30em. This tests that (max-width: 30em) can evaluate to false." + RenderBlock {DIV} at (0,34) size 480x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 30 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07.html new file mode 100644 index 0000000..402825d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-07.html @@ -0,0 +1,19 @@ +<html> +<head> +<title>CSS3 media query test: media query testing constraints with relative values evaluating false (screen and (max-width: 30em)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css"> +p { color: green } +@media screen and (max-width: 30em) { +p { color: red } +} +</style> +</head> +<body> + +<p> This text should be green if viewport is wider than 30em. This tests that (max-width: 30em) can evaluate to false. </p> + +<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.checksum new file mode 100644 index 0000000..933547c --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.checksum @@ -0,0 +1 @@ +9b06fcede219853f1c30a7f2e80c37ff
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.txt new file mode 100644 index 0000000..7b0793d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 785x642 + RenderView at (0,0) size 785x600 +layer at (0,0) size 785x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x576 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 319x18 + text run at (0,0) width 319: "This text should be green if height is at least 30ex ." + RenderBlock (floating) {DIV} at (0,34) size 115x229 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 115x18 + text run at (0,0) width 115: "div of height 30ex" + RenderBlock (floating) {DIV} at (115,34) size 124x600 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of height 600px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08.html new file mode 100644 index 0000000..797f3c7 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-08.html @@ -0,0 +1,20 @@ +<html> +<head> +<title>CSS3 media query test: media query testing constraints with relative values (screen and (min-height: 30ex)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> + +<style type="text/css"> +p { color: red } +@media screen and (min-height: 30ex) { +p { color: green } +} +</style> +</head> +<body> + +<p> This text should be green if height is at least 30ex .</p> + +<div style="display:inline; float:left; height: 30ex; background-color: lightblue;"> div of height 30ex </div> +<div style="display:inline; float:left; height: 600px; background-color: lightblue;"> div of height 600px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.checksum new file mode 100644 index 0000000..a39b5c6 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.checksum @@ -0,0 +1 @@ +c8038806895a2d04f217d5d4f83be565
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.txt new file mode 100644 index 0000000..862018a --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09-expected.txt @@ -0,0 +1,14 @@ +layer at (0,0) size 968x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 968x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 381x18 + text run at (0,0) width 381: "This text should be green if viewport is narrower than 60em." + RenderBlock {DIV} at (0,34) size 960x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 123x18 + text run at (0,0) width 123: "div of length 60 em" + RenderBlock {DIV} at (0,52) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 124x18 + text run at (0,0) width 124: "div of length 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09.html b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09.html new file mode 100644 index 0000000..725cd71 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-relative-constraints-09.html @@ -0,0 +1,17 @@ +<html> +<head> +<title>CSS3 media query test: media query testing constraints with relative values (screen and (max-width: 60em)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css"> +p { color: red } +@media screen and (max-width: 60em) { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if viewport is narrower than 60em. </p> +<div style="width: 60em; background-color: lightblue;"> div of length 60 em </div> +<div style="width: 800px; background-color: lightblue;"> div of length 800px </div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01.html new file mode 100644 index 0000000..18560e3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-01.html @@ -0,0 +1,12 @@ +<html> +<head> +<title>CSS3 media query test: simple media query (not braille, screen). Using style element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css" media="not braille, screen"> +p { color: green } +</style> +</head> +<body> +<p> This text should be green. </p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02.html new file mode 100644 index 0000000..137b03f --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-02.html @@ -0,0 +1,10 @@ +<html> +<head> +<title>CSS3 media query test: simple media quer (not braille, screen). Using link element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<link rel="stylesheet" type="text/css" media="not braille, screen" href="import-p-green.css" /> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03.html new file mode 100644 index 0000000..a641a52 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-03.html @@ -0,0 +1,12 @@ +<html> +<head> +<title>CSS3 media query test: simple media query (not braille, screen). Using style element, css @import rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css"> +@import url(import-p-green.css) not braille, screen; +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04.html new file mode 100644 index 0000000..fc075b2 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-04.html @@ -0,0 +1,14 @@ +<html> +<head> +<title> CSS3 media query test: simple media query (not braille, screen). Using style element, css @media rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css"> +@media not braille, screen { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05.html new file mode 100644 index 0000000..60bb04c64 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-neg-query-05.html @@ -0,0 +1,16 @@ +<html> +<head> +<title>CSS3 media query test: media query testing not and feature braille (not braille). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +@media not braille { +p { color: green } +} +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> + diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01.html new file mode 100644 index 0000000..7571d63 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-01.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS3 media query test: simple media query. Using style element, media attribute</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> + +<style type="text/css" media="only all"> +p { color: green } +</style> + +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02.html new file mode 100644 index 0000000..44bdc70 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-02.html @@ -0,0 +1,11 @@ +<html> +<head> +<title>CSS3 media query test: simple media query. Using link element, media attribute</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> + +<link type="text/css" media="only all" href="import-p-green.css" /> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03.html new file mode 100644 index 0000000..13024d6 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-03.html @@ -0,0 +1,12 @@ +<html> +<head> +<title>CSS3 media query test: simple media query. Using style element, css @import rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css"> +@import url(import-p-green.css) only all; +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04.html new file mode 100644 index 0000000..6506d1b --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-04.html @@ -0,0 +1,14 @@ +<html> +<head> +<title>CSS3 media query test: simple media query. Using style element, css @media rule</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" /> +<style type="text/css"> +@media only all { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.checksum new file mode 100644 index 0000000..b861cda --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.checksum @@ -0,0 +1 @@ +915a9e795ad41ad5998dba4f681f98dc
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.txt new file mode 100644 index 0000000..7442bd3 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 163x18 + text run at (0,0) width 163: "This text should be green." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05.html b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05.html new file mode 100644 index 0000000..6d63879 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-simple-query-05.html @@ -0,0 +1,18 @@ +<html> +<head> +<title> CSS3 media query test: matches color or monochrome screens </title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" /> +<style type="text/css"> +p { color: red } +@media all and (color) { +p { color: green } +} +@media all and (monochrome) { +p { color: green;} +} +</style> +</head> +<body> +<p> This text should be green.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.checksum new file mode 100644 index 0000000..9dfbfbd --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.checksum @@ -0,0 +1 @@ +13a8a15857868d43e1af1086030f97cf
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.txt new file mode 100644 index 0000000..a1d8e98 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-valueless-expected.txt @@ -0,0 +1,8 @@ +layer at (0,0) size 800x600 + RenderView at (0,0) size 800x600 +layer at (0,0) size 800x600 + RenderBlock {HTML} at (0,0) size 800x600 + RenderBody {BODY} at (8,8) size 784x576 + RenderBlock {P} at (0,0) size 784x18 [color=#008000] + RenderText {#text} at (0,0) size 308x18 + text run at (0,0) width 308: "This text should be green if color display is used." diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-valueless.html b/third_party/WebKit/LayoutTests/fast/media/mq-valueless.html new file mode 100644 index 0000000..68a2ac9 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-valueless.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: media query without values (screen and (color)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#color" /> + +<style type="text/css"> +@media screen and (color) { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if color display is used.</p> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.checksum new file mode 100644 index 0000000..9b12f86 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.checksum @@ -0,0 +1 @@ +2c542eb1435d62f934f9256b8a0694d8
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.txt new file mode 100644 index 0000000..1f9e5cc --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 378x18 + text run at (0,0) width 378: "This text should be green if viewport is at most 800px wide." + RenderBlock {DIV} at (0,34) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 121x18 + text run at (0,0) width 121: "div of width 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01.html b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01.html new file mode 100644 index 0000000..5a3aa00 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-01.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>CSS3 media query test: Absolute width query (screen and (max-width: 800px)). Using style element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css" media="screen and (max-width: 800px)"> +p { color: green } +</style> +</head> +<body> +<p> This text should be green if viewport is at most 800px wide.</p> +<div style="width: 800px; background-color:lightblue;">div of width 800px</div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.checksum new file mode 100644 index 0000000..9b12f86 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.checksum @@ -0,0 +1 @@ +2c542eb1435d62f934f9256b8a0694d8
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.txt new file mode 100644 index 0000000..1f9e5cc --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 378x18 + text run at (0,0) width 378: "This text should be green if viewport is at most 800px wide." + RenderBlock {DIV} at (0,34) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 121x18 + text run at (0,0) width 121: "div of width 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02.html b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02.html new file mode 100644 index 0000000..e1c5bc0 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-02.html @@ -0,0 +1,11 @@ +<html> +<head> +<title>CSS3 media query test: Absolute width query (screen and (max-width: 800px)). Using link element, media attribute.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<link type="text/css" media="screen and (max-width: 800px)" href="import-p-green.css" /> +</head> +<body> +<p> This text should be green if viewport is at most 800px wide.</p> +<div style="width: 800px; background-color:lightblue;">div of width 800px</div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.checksum new file mode 100644 index 0000000..9b12f86 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.checksum @@ -0,0 +1 @@ +2c542eb1435d62f934f9256b8a0694d8
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.txt new file mode 100644 index 0000000..1f9e5cc --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 378x18 + text run at (0,0) width 378: "This text should be green if viewport is at most 800px wide." + RenderBlock {DIV} at (0,34) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 121x18 + text run at (0,0) width 121: "div of width 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03.html b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03.html new file mode 100644 index 0000000..196f2f4 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-03.html @@ -0,0 +1,13 @@ +<html> +<head> +<title>CSS3 media query test: Absolute width query (screen and (max-width: 800px)). Using style element, @import css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css"> +@import url(import-p-green.css) screen and (max-width: 800px); +</style> +</head> +<body> +<p> This text should be green if viewport is at most 800px wide.</p> +<div style="width: 800px; background-color:lightblue;">div of width 800px</div> +</body> +</html> diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.checksum b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.checksum new file mode 100644 index 0000000..9b12f86 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.checksum @@ -0,0 +1 @@ +2c542eb1435d62f934f9256b8a0694d8
\ No newline at end of file diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.txt b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.txt new file mode 100644 index 0000000..1f9e5cc --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04-expected.txt @@ -0,0 +1,11 @@ +layer at (0,0) size 808x600 + RenderView at (0,0) size 785x585 +layer at (0,0) size 808x600 + RenderBlock {HTML} at (0,0) size 785x600 + RenderBody {BODY} at (8,8) size 769x584 + RenderBlock {P} at (0,0) size 769x18 [color=#008000] + RenderText {#text} at (0,0) size 378x18 + text run at (0,0) width 378: "This text should be green if viewport is at most 800px wide." + RenderBlock {DIV} at (0,34) size 800x18 [bgcolor=#ADD8E6] + RenderText {#text} at (0,0) size 121x18 + text run at (0,0) width 121: "div of width 800px" diff --git a/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04.html b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04.html new file mode 100644 index 0000000..13b0db4d --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/media/mq-width-absolute-04.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>CSS3 media query test: Absolute width query (screen and (max-width: 800px)). Using style element, @media css rule.</title> +<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" /> +<style type="text/css"> +@media screen and (max-width: 800px) { +p { color: green } +} +</style> +</head> +<body> +<p> This text should be green if viewport is at most 800px wide.</p> +<div style="width: 800px; background-color:lightblue;">div of width 800px</div> +</body> +</html> |