Fix id/class collection from stylesheets

sky/tests/lowlevel/bug-438036.sky

Index: sky/tests/lowlevel/bug-438036.sky
diff --git a/sky/tests/lowlevel/bug-438036.sky b/sky/tests/lowlevel/bug-438036.sky
new file mode 100644
index 0000000000000000000000000000000000000000..0ff4d27859236cc88ca17883912931930091e297
--- /dev/null
+++ b/sky/tests/lowlevel/bug-438036.sky
@@ -0,0 +1,29 @@
+<sky>

[ojan, 2014/12/09 23:31:16]

I don't like this file naming scheme. It was always super annoying in WebKit.
Can you just give a descriptive name?

+<import src="../resources/mocha.sky" />
+<import src="../resources/chai.sky" />
+<style>
+  div { width: 100px; height: 100px; background-color: red; }
+  div.wide { width: 200px; }
+  div#high { height: 200px; }
+</style>
+<div></div>
+<div></div>
+<script>
+
+describe("Div width", function() {
+  it("should grow width to 200px", function() {
+    var target = document.querySelector('div');
+
+    target.classList.add("wide");
+    assert.equal(getComputedStyle(target).width, "200px");
+  });
+
+  it("should grow height to 200px", function() {
+    var target = document.querySelectorAll('div')[1];
+
+    target.id = 'high';
+    assert.equal(getComputedStyle(target).height, "200px");
+  });
+});
+</script>
+</sky>