3 files changed, 74 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-ruby/support/ruby-common.css b/testing/web-platform/tests/css/css-ruby/support/ruby-common.css
new file mode 100644
index 0000000000..cf83123281
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ruby/support/ruby-common.css
@@ -0,0 +1,18 @@
+rbc {
+  display: ruby-base-container;
+  unicode-bidi: isolate;
+}
+[pseudo] {
+  font-size: inherit;
+  line-height: inherit;
+}
+[pseudo] > rt {
+  font-size: 50%;
+}
+[pseudo] > rt[pseudo] {
+  font-size: inherit;
+}
+
+.large {
+  font-size: 200%;
+}
diff --git a/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-insertion.js b/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-insertion.js
new file mode 100644
index 0000000000..0bf6cd9697
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-insertion.js
@@ -0,0 +1,42 @@
+window.onload = function() {
+  // Force a reflow before any changes.
+  document.body.clientWidth;
+
+  var elems = document.querySelectorAll('[data-insert]');
+  Array.from(elems).forEach(function(e) {
+    var parent, ref;
+    switch (e.dataset.insert) {
+      case 'start':
+        parent = e;
+        ref = e.firstChild;
+        break;
+
+      case 'end':
+        parent = e;
+        ref = null;
+        break;
+
+      case 'before':
+        parent = e.parentNode;
+        ref = e;
+        break;
+
+      case 'after':
+        parent = e.parentNode;
+        ref = e.nextSibling;
+        break;
+    }
+
+    var elem, textnode;
+    if ('text' in e.dataset) {
+      textnode = document.createTextNode(e.dataset.text);
+    }
+    if ('tag' in e.dataset) {
+      elem = document.createElement(e.dataset.tag);
+      if (textnode) {
+        elem.appendChild(textnode);
+      }
+    }
+    parent.insertBefore(elem ? elem : textnode, ref);
+  });
+};
diff --git a/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-removal.js b/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-removal.js
new file mode 100644
index 0000000000..c703e7601e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ruby/support/ruby-dynamic-removal.js
@@ -0,0 +1,14 @@
+function getElements(className) {
+  return Array.from(document.getElementsByClassName(className));
+}
+window.onload = function() {
+  // Force a reflow before any changes.
+  document.body.clientWidth;
+
+  getElements('remove').forEach(function(e) {
+    e.remove();
+  });
+  getElements('remove-after').forEach(function(e) {
+    e.parentNode.removeChild(e.nextSibling);
+  });
+};