Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-08 10:44:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 508725 - Part 11: Tests for <style scoped>. rs=dbaron

Browse Source
This commit is contained in:
Cameron McCormack 2013-01-09 10:25:49 +11:00
parent ad6a513fbc
commit daa5bf0ca1
107 changed files with 1158 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
content/html/content/test/Makefile.in
View File

@ -337,6 +337,7 @@ MOCHITEST_FILES = \
test_formelements.html \
test_rowscollection.html \
test_mozaudiochannel.html \
test_style_attributes_reflection.html \
$(NULL)

41
content/html/content/test/test_style_attributes_reflection.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>Test for HTMLStyleElement attributes reflection</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="reflect.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
<script type="application/javascript">
/** Test for HTMLStyleElement attributes reflection **/
var e = document.createElement("style");
// .media
reflectString({
element: e,
attribute: "media"
});
// .type
reflectString({
element: e,
attribute: "type"
});
// .scoped
reflectBoolean({
element: e,
attribute: "scoped"
});
</script>
</pre>
</body>
</html>

3
layout/reftests/reftest.list
View File

@ -238,6 +238,9 @@ include position-dynamic-changes/reftest.list
include printing/reftest.list
include pagination/reftest.list
# <style scoped>
include scoped-style/reftest.list
# scrolling
include scrolling/reftest.list

51
layout/reftests/scoped-style/reftest.list Normal file
View File

@ -0,0 +1,51 @@
== scoped-style-001.html scoped-style-001-ref.html
== scoped-style-002.html scoped-style-002-ref.html
== scoped-style-003.html scoped-style-003-ref.html
== scoped-style-004.html scoped-style-004-ref.html
== scoped-style-005.html scoped-style-005-ref.html
== scoped-style-006.html scoped-style-006-ref.html
== scoped-style-007.html scoped-style-007-ref.html
== scoped-style-008.html scoped-style-008-ref.html
== scoped-style-009.html scoped-style-009-ref.html
== scoped-style-010.html scoped-style-010-ref.html
== scoped-style-011.html scoped-style-011-ref.html
== scoped-style-012.html scoped-style-012-ref.html
== scoped-style-013.html scoped-style-013-ref.html
== scoped-style-014.html scoped-style-014-ref.html
== scoped-style-015.html scoped-style-015-ref.html
== scoped-style-016.html scoped-style-016-ref.html
== scoped-style-017.html scoped-style-017-ref.html
== scoped-style-018.html scoped-style-018-ref.html
== scoped-style-019.svg scoped-style-019-ref.svg
== scoped-style-020.html scoped-style-020-ref.html
== scoped-style-021.html scoped-style-021-ref.html
== scoped-style-important-001.html scoped-style-important-001-ref.html
== scoped-style-important-002.html scoped-style-important-002-ref.html
== scoped-style-important-003.html scoped-style-important-003-ref.html
== scoped-style-important-004.html scoped-style-important-004-ref.html
== scoped-style-important-005.html scoped-style-important-005-ref.html
== scoped-style-important-006.html scoped-style-important-006-ref.html
== scoped-style-important-007.html scoped-style-important-007-ref.html
== scoped-style-dynamic-001.html scoped-style-dynamic-001-ref.html
== scoped-style-dynamic-002.html scoped-style-dynamic-002-ref.html
== scoped-style-dynamic-003.html scoped-style-dynamic-003-ref.html
== scoped-style-dynamic-004.html scoped-style-dynamic-004-ref.html
== scoped-style-dynamic-005.html scoped-style-dynamic-005-ref.html
== scoped-style-dynamic-006.html scoped-style-dynamic-006-ref.html
== scoped-style-dynamic-007.html scoped-style-dynamic-007-ref.html
== scoped-style-dynamic-008.html scoped-style-dynamic-008-ref.html
== scoped-style-dynamic-009.html scoped-style-dynamic-009-ref.html
== scoped-style-dynamic-010.html scoped-style-dynamic-010-ref.html
== scoped-style-dynamic-011.html scoped-style-dynamic-011-ref.html
== scoped-style-dynamic-012.svg scoped-style-dynamic-012-ref.svg
== scoped-style-dynamic-013.svg scoped-style-dynamic-013-ref.svg
== scoped-style-dynamic-014.svg scoped-style-dynamic-014-ref.svg
== scoped-style-dynamic-015.svg scoped-style-dynamic-015-ref.svg
== scoped-style-import.html scoped-style-import-ref.html
== scoped-style-media.html scoped-style-media-ref.html
== scoped-style-namespace.html scoped-style-namespace-ref.html
== scoped-style-charset.html scoped-style-charset-ref.html
== scoped-style-document.html scoped-style-document-ref.html
HTTP(..) == scoped-style-font-face.html scoped-style-font-face-ref.html
== scoped-style-keyframes.html scoped-style-keyframes-ref.html
pref(layout.css.supports-rule.enabled,true) == scoped-style-supports.html scoped-style-supports-ref.html

6
layout/reftests/scoped-style/scoped-style-001-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-001.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-002-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-002.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<style>
p { color: blue }
</style>
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-003-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-003.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<style>
p { color: blue }
</style>
</body>

6
layout/reftests/scoped-style/scoped-style-004-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-004.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<style>
body p { color: blue }
</style>
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-005-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-005.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<style>
body p { color: blue }
</style>
</body>

6
layout/reftests/scoped-style/scoped-style-006-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-006.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<style>
p { color: blue }
</style>
<p>First</p>
<p id=a>
<style scoped>
#a { color: green }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-007-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: green">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-007.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p id=a>
<style scoped>
#a { color: green }
</style>
Second
</p>
<p>Third</p>
<style>
p { color: blue }
</style>
</body>

6
layout/reftests/scoped-style/scoped-style-008-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>Second</p>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-008.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
body p { color: green }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-009-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>Second</p>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-009.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p + p { color: red }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-010-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green; text-decoration: underline">Second</p>
<p>Third</p>
</body>

17
layout/reftests/scoped-style/scoped-style-010.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: red }
</style>
<style scoped>
p { text-decoration: underline }
</style>
Second
<style scoped>
p { color: green }
</style>
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-011-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p><div style="color: green">Second</div></p>
<p>Third</p>
</body>

13
layout/reftests/scoped-style/scoped-style-011.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<style scoped>
p { color: green }
</style>
<p>
Second
</p>
</div>
<p>Third</p>
</body>

8
layout/reftests/scoped-style/scoped-style-012-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<body>
<div>First</div>
<div style="color: green">
Second
<div style="text-decoration: underline">Third</div>
</div>
</body>

16
layout/reftests/scoped-style/scoped-style-012.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<body>
<div>First</div>
<div>
<style scoped>
div { color: green }
</style>
Second
<div>
<style scoped>
div { text-decoration: underline }
</style>
Third
</div>
</div>
</body>

9
layout/reftests/scoped-style/scoped-style-013-ref.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<body>
<div>
<p>First</p>
</div>
<div>
<p style="color: green">Second</p>
</div>
</body>

12
layout/reftests/scoped-style/scoped-style-013.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<body>
<div>
<p>First</p>
</div>
<div>
<style scoped>
div p { color: green }
</style>
<p>Second</p>
</div>
</body>

15
layout/reftests/scoped-style/scoped-style-014-ref.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<body>
<div>
<p>First</p>
</div>
<blockquote>
<div>
<div>
<div>
<p style="color: green">Second</p>
</div>
</div>
</div>
</blockquote>
</body>

18
layout/reftests/scoped-style/scoped-style-014.html Normal file
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<body>
<div>
<p>First</p>
</div>
<blockquote>
<style scoped>
blockquote p { color: green }
</style>
<div>
<div>
<div>
<p>Second</p>
</div>
</div>
</div>
</blockquote>
</body>

8
layout/reftests/scoped-style/scoped-style-015-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<p style="color: green">Second</p>
</div>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-015.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<style scoped>
p { color: red }
</style>
<p style="color: green">Second</p>
</div>
<p>Third</p>
</body>

8
layout/reftests/scoped-style/scoped-style-016-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<p>Second</p>
<p style="color: green">Third</p>
</div>
</body>

11
layout/reftests/scoped-style/scoped-style-016.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<style scoped>
p + p { color: green }
</style>
<p>Second</p>
<p>Third</p>
</div>
</body>

8
layout/reftests/scoped-style/scoped-style-017-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div style="text-decoration: underline">
<p>Second</p>
<p>Third</p>
</div>
</body>

16
layout/reftests/scoped-style/scoped-style-017.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div>
<style scoped>
div { text-decoration: underline }
</style>
<p>
<style scoped>
div { color: red }
</style>
Second
</p>
<p>Third</p>
</div>
</body>

8
layout/reftests/scoped-style/scoped-style-018-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<body>
<div>
<div>
<p style="color: green">This should be green.</p>
</div>
</div>
</body>

14
layout/reftests/scoped-style/scoped-style-018.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<div>
<div>
<p>This should be green.</p>
<style scoped>
p { color: green }
</style>
</div>
<style scoped>
p { color: red }
</style>
</div>
</body>

7
layout/reftests/scoped-style/scoped-style-019-ref.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50"/>
<g>
<rect x="60" width="50" height="50" fill="blue"/>
</g>
<rect x="120" width="50" height="50"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 189 B

10
layout/reftests/scoped-style/scoped-style-019.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50"/>
<g>
<style scoped="">
rect { fill: blue }
</style>
<rect x="60" width="50" height="50"/>
</g>
<rect x="120" width="50" height="50"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 238 B

4
layout/reftests/scoped-style/scoped-style-020-ref.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<body>
<p style="color: green">Hello</p>
</body>

9
layout/reftests/scoped-style/scoped-style-020.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<body>
<p style="color: green">
<style scoped>
p { color: red }
</style>
Hello
</p>
</body>

4
layout/reftests/scoped-style/scoped-style-021-ref.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<body>
<p style="color: green">Hello</p>
</body>

7
layout/reftests/scoped-style/scoped-style-021.html Normal file
View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<body>
<style scoped>
p { color: red }
</style>
<p style="color: green">Hello</p>
</body>

6
layout/reftests/scoped-style/scoped-style-charset-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: blue">Second</p>
<p>Third</p>
</body>

12
layout/reftests/scoped-style/scoped-style-charset.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
@charset "UTF-16";
p { color: blue }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-document-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: blue">Second</p>
<p>Third</p>
</body>

13
layout/reftests/scoped-style/scoped-style-document.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
@-moz-document regexp("^.*scoped-style-document\\.html$") {
p { color: blue }
}
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-001-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
<p>Third</p>
</body>

15
layout/reftests/scoped-style/scoped-style-dynamic-001.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>Second</p>
<p>Third</p>
<script>
function f() {
var p = document.getElementsByTagName("p")[1];
var style = document.createElement("style");
style.setAttribute("scoped", "");
style.textContent = "p { color: green }";
p.appendChild(style);
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-002-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green; text-decoration: underline">Second</p>
<p>Third</p>
</body>

20
layout/reftests/scoped-style/scoped-style-dynamic-002.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style scoped>
p { text-decoration: underline }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var p = document.getElementsByTagName("p")[1];
var style = document.createElement("style");
style.setAttribute("scoped", "");
style.textContent = "p { color: green }";
p.appendChild(style);
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-003-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
<p>Third</p>
</body>

20
layout/reftests/scoped-style/scoped-style-dynamic-003.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
<style scoped>
p { text-decoration: underline }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[1];
style.parentNode.removeChild(style);
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-004-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green; background-color: yellow">Second</p>
<p>Third</p>
</body>

20
layout/reftests/scoped-style/scoped-style-dynamic-004.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
<style scoped>
p { text-decoration: underline }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[1];
style.textContent = "p { background-color: yellow }";
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-005-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: green">First</p>
<p style="color: green">Second</p>
<p style="color: green">Third</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-005.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[0];
style.removeAttribute("scoped");
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-006-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
<p>Third</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-006.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[0];
style.setAttribute("scoped", "");
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-007-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<div></div>
<p>Second</p>
</body>

16
layout/reftests/scoped-style/scoped-style-dynamic-007.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<div>
<style scoped>
p { color: green }
</style>
<p>Second</p>
</div>
<script>
function f() {
var p = document.getElementsByTagName("p")[1];
document.body.appendChild(p);
}
</script>
</body>

7
layout/reftests/scoped-style/scoped-style-dynamic-008-ref.html Normal file
View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<body>
<div>
<p style="color: green">First</p>
</div>
<p>Second</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-008.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<div>
<style scoped>
p { color: green }
</style>
</div>
<p>Second</p>
<script>
function f() {
var p = document.getElementsByTagName("p")[0];
var div = document.getElementsByTagName("div")[0];
div.appendChild(p);
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-009-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
<p>Third</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-009.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[0];
style.scoped = true;
}
</script>
</body>

6
layout/reftests/scoped-style/scoped-style-dynamic-010-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: green">First</p>
<p style="color: green">Second</p>
<p style="color: green">Third</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-010.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>First</p>
<p>
<style scoped>
p { color: green }
</style>
Second
</p>
<p>Third</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[0];
style.scoped = false;
}
</script>
</body>

5
layout/reftests/scoped-style/scoped-style-dynamic-011-ref.html Normal file
View File

@ -0,0 +1,5 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: green">Second</p>
</body>

17
layout/reftests/scoped-style/scoped-style-dynamic-011.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<body onload="f()">
<p>
<style scoped>
p { color: green }
</style>
First
</p>
<p>Second</p>
<script>
function f() {
var style = document.getElementsByTagName("style")[0];
var p = document.getElementsByTagName("p")[1];
p.appendChild(style);
}
</script>
</body>

7
layout/reftests/scoped-style/scoped-style-dynamic-012-ref.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50" fill="blue"/>
<g>
<rect x="60" width="50" height="50" fill="blue"/>
</g>
<rect x="120" width="50" height="50" fill="blue"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 213 B

15
layout/reftests/scoped-style/scoped-style-dynamic-012.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" onload="f()">
<rect width="50" height="50"/>
<g>
<style scoped="">
rect { fill: blue }
</style>
<rect x="60" width="50" height="50"/>
</g>
<rect x="120" width="50" height="50"/>
<script>
function f() {
document.getElementsByTagName("style")[0].removeAttribute("scoped");
}
</script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 374 B

7
layout/reftests/scoped-style/scoped-style-dynamic-013-ref.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50"/>
<g>
<rect x="60" width="50" height="50" fill="blue"/>
</g>
<rect x="120" width="50" height="50"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 189 B

15
layout/reftests/scoped-style/scoped-style-dynamic-013.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" onload="f()">
<rect width="50" height="50"/>
<g>
<style>
rect { fill: blue }
</style>
<rect x="60" width="50" height="50"/>
</g>
<rect x="120" width="50" height="50"/>
<script>
function f() {
document.getElementsByTagName("style")[0].setAttribute("scoped", "");
}
</script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 365 B

7
layout/reftests/scoped-style/scoped-style-dynamic-014-ref.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50" fill="blue"/>
<g>
<rect x="60" width="50" height="50" fill="blue"/>
</g>
<rect x="120" width="50" height="50" fill="blue"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 213 B

15
layout/reftests/scoped-style/scoped-style-dynamic-014.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" onload="f()">
<rect width="50" height="50"/>
<g>
<style scoped="">
rect { fill: blue }
</style>
<rect x="60" width="50" height="50"/>
</g>
<rect x="120" width="50" height="50"/>
<script>
function f() {
document.getElementsByTagName("style")[0].scoped = false;
}
</script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 363 B

7
layout/reftests/scoped-style/scoped-style-dynamic-015-ref.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50"/>
<g>
<rect x="60" width="50" height="50" fill="blue"/>
</g>
<rect x="120" width="50" height="50"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 189 B

15
layout/reftests/scoped-style/scoped-style-dynamic-015.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" onload="f()">
<rect width="50" height="50"/>
<g>
<style>
rect { fill: blue }
</style>
<rect x="60" width="50" height="50"/>
</g>
<rect x="120" width="50" height="50"/>
<script>
function f() {
document.getElementsByTagName("style")[0].scoped = true;
}
</script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 352 B

13
layout/reftests/scoped-style/scoped-style-font-face-ref.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<body>
<style>
@font-face {
font-family: Ahem;
url: src(../fonts/Ahem.ttf);
}
#a { font-family: Ahem }
</style>
<p id=a>First</p>
<p style="color: blue">Second</p>
<p>Third</p>
</body>

23
layout/reftests/scoped-style/scoped-style-font-face.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<body>
<style>
@font-face {
font-family: Ahem;
url: src(../fonts/Ahem.ttf);
}
#a { font-family: Ahem }
#c { font-family: Ahem2 }
</style>
<p id=a>First</p>
<p>
<style scoped>
@font-face {
font-family: Ahem2;
url: src(../fonts/Ahem.ttf);
}
p { font-family: Ahem2; color: blue }
</style>
Second
</p>
<p id=c>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-import-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: blue">Second</p>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-import.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
@import url(scoped-style-imported.css);
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-important-001-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: blue">First</p>
<p style="color: blue">Second</p>
<p style="color: blue">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-important-001.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: red }
</style>
Second
</p>
<p>Third</p>
<style>
p { color: blue !important }
</style>
</body>

6
layout/reftests/scoped-style/scoped-style-important-002-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: blue">Second</p>
<p>Third</p>
</body>

11
layout/reftests/scoped-style/scoped-style-important-002.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p style="color: red">
<style scoped>
p { color: blue !important }
</style>
Second
</p>
<p>Third</p>
</body>

6
layout/reftests/scoped-style/scoped-style-important-003-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: green">First</p>
<p style="color: green">Second</p>
<p style="color: green">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-important-003.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: red !important }
</style>
Second
</p>
<p>Third</p>
<style>
p { color: green !important }
</style>
</body>

6
layout/reftests/scoped-style/scoped-style-important-004-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: green">First</p>
<p style="color: green">Second</p>
<p style="color: green">Third</p>
</body>

14
layout/reftests/scoped-style/scoped-style-important-004.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<body>
<p>First</p>
<p>
<style scoped>
p { color: red !important }
</style>
Second
</p>
<p>Third</p>
<style scoped>
p { color: green !important }
</style>
</body>

4
layout/reftests/scoped-style/scoped-style-important-005-ref.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<body>
<p style="color: green">Hello</p>
</body>

7
layout/reftests/scoped-style/scoped-style-important-005.html Normal file
View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<body>
<style scoped>
p { color: green !important }
</style>
<p style="color: red">Hello</p>
</body>

4
layout/reftests/scoped-style/scoped-style-important-006-ref.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<body>
<p style="color: green">Hello</p>
</body>

9
layout/reftests/scoped-style/scoped-style-important-006.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<body>
<p style="color: red">
<style scoped>
p { color: green !important }
</style>
Hello
</p>
</body>

4
layout/reftests/scoped-style/scoped-style-important-007-ref.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<body>
<p style="color: green">Hello</p>
</body>

7
layout/reftests/scoped-style/scoped-style-important-007.html Normal file
View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<body>
<style scoped>
p { color: red !important }
</style>
<p style="color: green !important">Hello</p>
</body>

1
layout/reftests/scoped-style/scoped-style-imported.css Normal file
View File

@ -0,0 +1 @@
p { color: blue }

6
layout/reftests/scoped-style/scoped-style-keyframes-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<body>
<p style="color: green">First</p>
<p>Second</p>
<p>Third</p>
</body>

Some files were not shown because too many files have changed in this diff Show More