| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <link rel="import" href="../resources/mocha.html" /> | |
| 3 <link rel="import" href="../resources/chai.html" /> | |
| 4 <script> | |
| 5 describe("Attribute collection", function() { | |
| 6 var div; | |
| 7 beforeEach(function() { | |
| 8 div = document.createElement("div"); | |
| 9 }); | |
| 10 | |
| 11 it("should get by index", function() { | |
| 12 div.setAttribute("attr0", "value0"); | |
| 13 div.setAttribute("attr1", "value1"); | |
| 14 assert.equal(div.attributes.length, 2); | |
| 15 assert.equal(div.attributes[0].name, "attr0"); | |
| 16 assert.equal(div.attributes[0].value, "value0"); | |
| 17 assert.equal(div.attributes[1].name, "attr1"); | |
| 18 assert.equal(div.attributes[1].value, "value1"); | |
| 19 }); | |
| 20 it("should get by name", function() { | |
| 21 div.setAttribute("attr0", "value0"); | |
| 22 div.setAttribute("attr1", "value1"); | |
| 23 assert.equal(div.attributes.length, 2); | |
| 24 assert.equal(div.attributes.attr0.value, "value0"); | |
| 25 assert.equal(div.attributes.attr1.value, "value1"); | |
| 26 }); | |
| 27 it("should set by name", function() { | |
| 28 div.setAttribute("attrName", "value0"); | |
| 29 div.attributes.attrName.value = "new value"; | |
| 30 assert.equal(div.getAttribute("attrName"), "new value"); | |
| 31 assert.equal(div.attributes.attrName.value, "new value"); | |
| 32 }); | |
| 33 it("should be case sensitive", function() { | |
| 34 div.setAttribute("attrName", "value0"); | |
| 35 assert.isUndefined(div.attributes.attrname); | |
| 36 assert.ok(div.attributes.attrName); | |
| 37 assert.equal(div.attributes.attrName.value, "value0"); | |
| 38 }); | |
| 39 it("should live update", function() { | |
| 40 div.setAttribute("attr0", ""); | |
| 41 div.setAttribute("attr1", ""); | |
| 42 div.setAttribute("attr2", ""); | |
| 43 assert.equal(div.attributes.length, 3); | |
| 44 div.removeAttribute("attr1"); | |
| 45 assert.equal(div.attributes.length, 2); | |
| 46 assert.equal(div.attributes[0].name, "attr0"); | |
| 47 assert.equal(div.attributes[1].name, "attr2"); | |
| 48 div.setAttribute("attr3", ""); | |
| 49 div.setAttribute("attr2", "value2"); | |
| 50 assert.equal(div.attributes.length, 3); | |
| 51 assert.equal(div.attributes[2].name, "attr3"); | |
| 52 assert.equal(div.attributes.attr2.value, "value2"); | |
| 53 }); | |
| 54 }); | |
| 55 </script> | |
| 56 </html> | |
| OLD | NEW |