4 files changed, 63 insertions, 0 deletions
diff --git a/src/test/html/test_pseudo.html b/src/test/html/test_pseudo.html
new file mode 100644
index 00000000000..bfe528df145
--- /dev/null
+++ b/src/test/html/test_pseudo.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span.servo1:before { display:inline; content:'Hello'; color:blue}
+span.servo1:after { display:inline; content:'ervo'; color:blue}
+div.servo2:before { display:inline; content:'Hello'; color:blue}
+div.servo2:after { display:inline; content:'ervo'; color:blue}
+span.servo3:before { display:block; content:'Smile'; color:blue}
+span.servo3:after { display:block; content:'And thanks';}
+div.rust:before { display:block; content:'Hello,';}
+div.rust:after { display:inline; content:'ust';}
+</style>
+</head>
+
+<body>
+<span class="servo1">, S</span>
+<div class="servo2">, S</div>
+<span class="servo3">Servo</span>
+<div class="rust">R</div>
+</body>
+</html>
diff --git a/src/test/ref/basic.list b/src/test/ref/basic.list
index d59e1fb229f..55b6aad9506 100644
--- a/src/test/ref/basic.list
+++ b/src/test/ref/basic.list
@@ -66,3 +66,4 @@
 == background_repeat_none_a.html background_repeat_none_b.html
 == background_repeat_both_a.html background_repeat_both_b.html
 == setattribute_id_restyle_a.html setattribute_id_restyle_b.html
+== pseudo_element_a.html pseudo_element_b.html
diff --git a/src/test/ref/pseudo_element_a.html b/src/test/ref/pseudo_element_a.html
new file mode 100644
index 00000000000..4700d0e593a
--- /dev/null
+++ b/src/test/ref/pseudo_element_a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+span.servo1:before { display:inline; content:'Hello';}
+span.servo1:after { display:inline; content:'ervo';}
+div.servo2:before { display:inline; content:'Hello';}
+div.servo2:after { display:inline; content:'ervo';}
+span.servo3:before { display:block; content:'Smile'; color:blue}
+span.servo3:after { display:block; content:'And thanks'; color:blue}
+div.rust:before { display:block; content:'Hello,';}
+div.rust:after { display:inline; content:'ust';}
+</style>
+</head>
+
+<body>
+<span class="servo1">, S</span>
+<div class="servo2">, S</div>
+<span class="servo3">Servo</span>
+<div class="rust">R</div>
+</body>
+</html>
diff --git a/src/test/ref/pseudo_element_b.html b/src/test/ref/pseudo_element_b.html
new file mode 100644
index 00000000000..892ce7ed4d9
--- /dev/null
+++ b/src/test/ref/pseudo_element_b.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.col { color:blue; }
+</style>
+</head>
+
+<body>
+Hello,<span> Servo</span>
+<div class="servo">Hello, Servo</div>
+<div class="col">Smile</div>
+<span>Servo</span>
+<div class="col">And thanks</div>
+<div>Hello,</div>
+<span>Rust</span>
+</body>
+</html>