Fix some of the DOM tests

Marcin Szczepanski · Marcin Szczepanski · commit b9e54024c25e · 2014-03-02T10:49:31.000+11:00
diff --git a/tests/index.html b/tests/index.html
@@ -3,9 +3,25 @@
   <meta charset="utf-8">
   <title>Mocha Tests</title>
   <link rel="stylesheet" href="mocha.css" />
+  <style type="text/css">
+  .container {
+    display: none;
+  }
+  .gallery {
+    display: none;
+  }
+  </style>
 </head>
 <body>
   <div id="mocha"></div>
+  <div class="container">
+    <section class="slide">
+      <ul class="gallery">
+        <li><img src="item1.jpg" alt="ALT1"><label>Foo</label></li>
+        <li><img src="item2.jpg" alt="ALT2"></li>
+      </ul>
+    </section>
+  </div>
   <script src="chai.js"></script>
   <script src="mocha.js"></script>
   <script src="sinon-1.8.2.js"></script>
diff --git a/tests/test.gallery.js b/tests/test.gallery.js
@@ -3,6 +3,8 @@
 describe('Gallery', function () {
 	var expect = chai.expect;
 
+	var contextNode = document.querySelector(".container");
+
 	var itemElem1, itemElem2, items, galleryElem;
 	var MockItem = function (hasLabel, attributes) {
 		this.hasLabel = hasLabel;
@@ -90,21 +92,25 @@ describe('Gallery', function () {
 			appendChildSpy2.restore();
 		});
 		it("handles a full screen gallery", function () {
+			var galleryElem = document.querySelector(".gallery");
+			var items = galleryElem.querySelectorAll('li');
 			galleryElem.dataset.mode = "full-screen";
-			Gallery.start(galleryElem);
-			expect(itemElem1.img.style.display).to.equal("none");
-			expect(itemElem2.img.style.display).to.equal("none");
-			expect(itemElem1.style.backgroundImage).to.equal("url(SRC)");
+			Gallery.start(galleryElem, contextNode);
+			expect(items[0].querySelector('img').style.display).to.equal("none");
+			expect(items[1].querySelector('img').style.display).to.equal("none");
+			expect(items[0].style.backgroundImage).to.contain("item1.jpg");
 		});
 	});
 	describe('#stop', function () {
 		it("restores a full screen gallery", function () {
+			var galleryElem = document.querySelector(".gallery");
+			var items = galleryElem.querySelectorAll('li');
 			galleryElem.dataset.mode = "full-screen";
-			Gallery.start(galleryElem);
-			Gallery.stop();
-			expect(itemElem1.img.style.display).to.equal("");
-			expect(itemElem2.img.style.display).to.equal("");
-			expect(itemElem1.style.backgroundImage).to.equal("");
+			Gallery.start(galleryElem, contextNode);
+			Gallery.stop(galleryElem, contextNode);
+			expect(items[0].querySelector('img').style.display).to.equal("");
+			expect(items[1].querySelector('img').style.display).to.equal("");
+			expect(items[0].style.backgroundImage).to.equal("");
 		});
 	});
 	describe('#step', function () {
