Bug 508725 - Part 11: Tests for <style scoped>. rs=dbaron
@ -337,6 +337,7 @@ MOCHITEST_FILES = \
|
||||
test_formelements.html \
|
||||
test_rowscollection.html \
|
||||
test_mozaudiochannel.html \
|
||||
test_style_attributes_reflection.html \
|
||||
$(NULL)
|
||||
|
||||
|
||||
|
@ -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>
|
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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
@ -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>
|
After Width: | Height: | Size: 189 B |
10
layout/reftests/scoped-style/scoped-style-019.svg
Normal 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>
|
After Width: | Height: | Size: 238 B |
4
layout/reftests/scoped-style/scoped-style-020-ref.html
Normal 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
@ -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
@ -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
@ -0,0 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<style scoped>
|
||||
p { color: red }
|
||||
</style>
|
||||
<p style="color: green">Hello</p>
|
||||
</body>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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>
|
After Width: | Height: | Size: 213 B |
15
layout/reftests/scoped-style/scoped-style-dynamic-012.svg
Normal 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>
|
After Width: | Height: | Size: 374 B |
@ -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>
|
After Width: | Height: | Size: 189 B |
15
layout/reftests/scoped-style/scoped-style-dynamic-013.svg
Normal 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>
|
After Width: | Height: | Size: 365 B |
@ -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>
|
After Width: | Height: | Size: 213 B |
15
layout/reftests/scoped-style/scoped-style-dynamic-014.svg
Normal 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>
|
After Width: | Height: | Size: 363 B |
@ -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>
|
After Width: | Height: | Size: 189 B |
15
layout/reftests/scoped-style/scoped-style-dynamic-015.svg
Normal 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>
|
After Width: | Height: | Size: 352 B |
13
layout/reftests/scoped-style/scoped-style-font-face-ref.html
Normal 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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -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
@ -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>
|
@ -0,0 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<p style="color: green">Hello</p>
|
||||
</body>
|
@ -0,0 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<style scoped>
|
||||
p { color: green !important }
|
||||
</style>
|
||||
<p style="color: red">Hello</p>
|
||||
</body>
|
@ -0,0 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<p style="color: green">Hello</p>
|
||||
</body>
|
@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<p style="color: red">
|
||||
<style scoped>
|
||||
p { color: green !important }
|
||||
</style>
|
||||
Hello
|
||||
</p>
|
||||
</body>
|
@ -0,0 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<p style="color: green">Hello</p>
|
||||
</body>
|
@ -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
@ -0,0 +1 @@
|
||||
p { color: blue }
|
@ -0,0 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<body>
|
||||
<p style="color: green">First</p>
|
||||
<p>Second</p>
|
||||
<p>Third</p>
|
||||
</body>
|