update test to drawer component

rishabh-ink · May 12, 2016 · e50f7f9 · e50f7f9
1 parent 4684fd0
commit e50f7f9
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 4 deletions.
diff --git a/tests/components/drawer/drawer-fixture.html b/tests/components/drawer/drawer-fixture.html
@@ -1,4 +1,4 @@
-<aside data-js="voxelDrawer  hello" class="voxel-drawer">
+<aside data-js="voxelDrawer" class="voxel-drawer">
 </aside> <!-- /.voxel-drawer -->
 
 <header class="voxel-header">

diff --git a/tests/components/drawer/drawer-spec.js b/tests/components/drawer/drawer-spec.js
@@ -11,20 +11,42 @@ define(function(require) {
       jasmine.getFixtures().fixturesPath = "/base/tests/components";
       loadFixtures("drawer/drawer-fixture.html");
 
-      var drawer = Drawer.create({
+      this.drawerComponent = Drawer.create({
         name: "Voxel.Drawer",
         closeOnPageTouch: false
       });
     });
 
     it("loadFixtures() should load fixtures", function() {
+
       var voxelDrawer = jQ("[data-js~='voxelDrawer']");
 
-      expect(voxelDrawer.length).toEqual(1);
+      expect(voxelDrawer[0]).toBeInDOM();
     });
 
-    it("Should spec 2", function() {
+    it("openDrawer() should open the Drawer", function() {
+
+       var voxelDrawer = jQ("[data-js~='voxelDrawer']");
+       var voxelDrawerToggle = jQ("[data-js~='voxelDrawerToggle']");
+
+       this.drawerComponent.openDrawer();
+
+       expect(voxelDrawer[0]).toHaveClass("voxel-drawer--active");
+       expect(voxelDrawerToggle[0]).toHaveClass("voxel-drawer__toggle--active");
+
     });
 
+    it("closeDrawer() should close the Drawer", function() {
+
+       var voxelDrawer = jQ("[data-js~='voxelDrawer']");
+       var voxelDrawerToggle = jQ("[data-js~='voxelDrawerToggle']");
+
+       this.drawerComponent.closeDrawer();
+
+       expect(voxelDrawer[0]).not.toHaveClass("voxel-drawer--active");
+       expect(voxelDrawerToggle[0]).not.toHaveClass("voxel-drawer__toggle--active");
+
+    });
   });
 });
+