QUnit.module('VCSSOM');

QUnit.test("It works", (assert) => {
  assert.ok(true, "yay!");
});

@@ -10,84 +10,1184 @@
 ule(
-'
+%22
 VCSSOM
-');%0A%0AQUnit.test(%22It works%22, (assert) =%3E %7B%0A  assert.ok(true, %22yay!%22);%0A%7D
+%22);%0A%0Aconst RED = %60rgb(255, 0, 0)%60;%0Aconst BLACK = %60rgb(0, 0, 0)%60;%0A%0AQUnit.test(%22Basic variable usage%22, (assert) =%3E %7B%0A  injectStyles(%60%0A    :root %7B%0A      --main-color: $%7BRED%7D;%0A    %7D%0A%0A    span %7B%0A      background-color: $%7BBLACK%7D;%0A      color: var(--main-color);%0A    %7D%0A  %60);%0A%0A  injectContent(%60%0A    %3Cspan id=%22subject%22%3EHello%3C/span%3E%0A  %60);%0A%0A  equalStyle(getSubject(), %7B%0A    %22background-color%22: BLACK,%0A    %22color%22: RED%0A  %7D);%0A%7D);%0A%0Afunction getFixture() %7B%0A  return document.getElementById('qunit-fixture');%0A%7D%0A%0Afunction getSubject() %7B%0A  return document.getElementById('subject');%0A%7D%0A%0Afunction injectStyles(css) %7B%0A  let style = document.createElement('style');%0A  style.appendChild(document.createTextNode(css));%0A%0A  getFixture().appendChild(style);%0A%7D%0A%0Afunction injectContent(html) %7B%0A  let content = document.createElement('div');%0A  content.innerHTML = html;%0A%0A  getFixture().appendChild(content);%0A%7D%0A%0Afunction equalStyle(element, expectedStyle, message) %7B%0A  let computedStyle = window.getComputedStyle(element);%0A%0A  let actualStyle = %7B%7D;%0A  for (let property in expectedStyle) %7B%0A    actualStyle%5Bproperty%5D = computedStyle%5Bproperty%5D;%0A  %7D%0A%0A  QUnit.deepEqual(actualStyle, expectedStyle, message
 );%0A
+%7D%0A

Add basic test harness