Card class testing

app/codeEditor.js

@@ -0,0 +1,25 @@
+"use strict";
+// require('./libs/ace/ext-modelist.js'); // Don't delete me! Needed by ace.req
+const Card = require('../app/Card.js');
+
+module.exports = class CodeEditor extends Card {
+  constructor(type) {
+    super(type);
+    this.type = type;
+    this.faces = [];
+    this.editors = [];
+
+    this.content = document.createElement('div');
+    $(this.content).attr('class', 'codeEditor');
+
+    for (let i = 0; i < 3; i++) {
+      this.face = document.createElement('div');
+      if (i == 2)
+        this.faceEditor = document.createElement('div');
+      else
+        this.faceEditor = document.createElement('textarea');
+      this.face.appendChild(this.faceEditor);
+      this.faces.push(this.face);
+    }
+  }
+}

app/sketchPad.js

@@ -0,0 +1,23 @@
+"use strict";
+const Card = require('../app/Card.js');
+var Raphael = require('raphael');
+
+module.exports = class SketchPad extends Card {
+  constructor(type) {
+    super(type);
+    this.type = type;
+    this.faces = [];
+    this.pens = [];
+
+    this.content = document.createElement('div');
+    $(this.content).attr('class', 'sketchEditor');
+
+    for (let i = 0; i < 3; i++) {
+      this.face = document.createElement('div');
+      this.faceEditor = document.createElement('div');
+      this.face.appendChild(this.faceEditor);
+      this.faces.push(this.face);
+    }
+
+  }
+}

app/textEditor.js

@@ -0,0 +1,27 @@
+"use strict";
+const Card = require('../app/Card.js');
+
+module.exports = class TextEditor extends Card{
+  constructor(type) {
+    super(type);
+    this.type = type;
+    this.faces = [];
+    this.editors = [];
+
+    this.content = document.createElement('div');
+    $(this.content).attr('class', 'textEditor');
+
+    for (let i = 0; i < 3; i++) {
+      this.face = document.createElement('div');
+      if (i == 2) //3rd card face is metadata
+        this.faceEditor = document.createElement('div');
+      else { //1st and 2nd card faces are textareas
+        this.faceEditor = document.createElement('textarea');
+        this.editors.push(this.faceEditor);
+      }
+
+      this.face.appendChild(this.faceEditor);
+      this.faces.push(this.face);
+    }
+  }
+}

test/canvas-test.js

@@ -15,6 +15,8 @@ describe('canvas interactions', function () {
   var app;
 
   before(function () {
+    this.jsdom = require('jsdom-global')()
+    global.$ = global.jQuery = require('jquery');
     app = new Application({
       path: electron,
       args: [path.join(__dirname, '..', 'main.js')],
@@ -58,4 +60,20 @@ describe('canvas interactions', function () {
     canvas1.addCard('text', false);
     return assert.notEqual(canvas1.cards.length, canvas2.cards.length);
   });
+
+  // it('removed card is tracked by canvas instance', function () {
+  //   let canvas = new Canvas();
+  //   canvas.addCard('text', false);
+  //   canvas.removeCard();
+  //   return assert.equal(canvas.cards.length, 0);
+  // });
+
+  // it('canvas instance correctly tracks added and removed cards', function () {
+  //   let canvas = new Canvas();
+  //   canvas.addCard('text', false);
+  //   canvas.addCard('text', false);
+  //   canvas.removeCard();
+  //   canvas.addCard('text', false);
+  //   return assert.equal(canvas.cards.length, 2);
+  // });
 });

test/card-test.js

@@ -3,15 +3,21 @@ var Application = require('spectron').Application;
 var electron = require('electron-prebuilt');
 var assert = require('assert');
 const path = require('path');
+var fs = require('fs');
 var Card = require('../app/Card.js');
+var Canvas = require('../app/Canvas.js');
+var TextEditor = require('../app/textEditor.js')
+var SketchPad = require('../app/sketchPad.js')
+var CodeEditor = require('../app/codeEditor.js')
 
 describe('cards interactions', function () {
   this.timeout(30000);
   var app;
 
   before(function () {
-    app = new Application({
-      path: electron,
+    this.jsdom = require('jsdom-global')()
+    global.$ = global.jQuery = require('jquery');
+      app = new Application({      path: electron,
       args: [path.join(__dirname, '..', 'main.js')],
     });
     return app.start();
@@ -34,6 +40,40 @@ describe('cards interactions', function () {
     }, Error );
   });
 
+  // it('correctly names a card', function () {
+  //     let card = new Card({id: 1, context: document.body, modal: false});
+  //     return assert.equal(card.name, "My Card " + card.id);
+  //   });
+
+  // it('two cards do not have the same name', function () {
+  //     let card = new Card({id: 1, context: document.body, modal: false});
+  //     let card2 = new Card({id: 2, context: document.body, modal: false});
+  //     return assert.notEqual(card.name, card2.name);
+  // });
+
+  it('document contains a card and header div', function () {
+    let card = new Card({id: 1, context: document.body, modal: false});
+    let msg1 = card.card + ' document contains card div';
+    let msg2 = card.header + ' document contains header div'
+    assert.notEqual(card.card, undefined, msg1);
+    assert.notEqual(card.header, undefined, msg2);
+  });
+
+  it('document contains namebox span', function () {
+    let card = new Card({id: 1, context: document.body, modal: false});
+    assert.notEqual(card.title, undefined);
+  });
+
+  // it('document contains close, expand, and save buttons', function () {
+  //   let card = new Card({id: 1, context: document.body, modal: false});
+  //   let msg1 = 'document contains close button';
+  //   let msg2 = 'document contains expand button';
+  //   let msg3 = 'document contains save button';
+  //   assert.notEqual(card.closeButton, undefined, msg1);
+  //   assert.notEqual(card.saveButton, undefined, msg2);
+  //   assert.notEqual(card.fullscreenButton, undefined, msg3);
+  // });
+
   it('Card instantiation without \'id\' parameter throws Error', function () {
     return assert.throws(() => {
       new Card({context: document.body, modal: false});
@@ -59,12 +99,105 @@ describe('cards interactions', function () {
     let msg2 = card.createdBy + " == " + createdByBefore +
       "\n\t(createdBy should not change once Card is instantiated)";
     let msg3 = card.lastInteraction + " != " + lastInteractionBefore +
-      "\n\t(lastInteraction should update after Card#updateMetadata()" +
-      " method is evoked)";
+    "\n\t(lastInteraction should update after Card#updateMetadata()" +
+    " method is evoked)";
     assert.equal(card.createdTimestamp, createdTimestampBefore, msg1);
     assert.equal(card.createdBy, createdByBefore, msg2);
     assert.notEqual(card.lastInteraction, lastInteractionBefore, msg3);
   });
+
+  // it('card dragability can be disabled', function () {
+  //   let card = new Card();
+  //   $(card.card).data('draggable');
+  //   if ($(card.card).draggable('disable'))
+  //     var disabled = 1;
+  //   return assert.equal(disabled, 1);
+  // });
+
+  // it('toggleDraggable sets correct card position', function () {
+  //   let card = new Card();
+  //   $(card).css({top: 200, left: 250});
+  //   var topPosition = $(card).offset().top + 'px';
+  //   var leftPosition = $(card).offset().left + 'px';
+  //   let msg1 = 'toggleDraggable sets card top position to be: ' + topPosition +
+  //   ' but, card top position should be 200px';
+  //   let msg2 = 'toggleDraggable sets card left position to be: ' + leftPosition +
+  //   ' but, card left position should be 250px';
+  //   assert.equal('200px', topPosition, msg1);
+  //   assert.equal('250px', leftPosition, msg2);
+  // });
+
+  // it('card dropability can be disabled', function () {
+  //   let card = new Card();
+  //   $(card.card).data('droppable');
+  //   if($(card.card).droppable('disabled')))
+  //     var disabled = 1;
+  //   return assert.equal(disabled, 1);
+  // });
+
+  // it('card intance has correct height and width when fullscreen mode is toggled on', function () {
+  //   let card = new Card();
+  //   card.toggleButton.trigger('click');
+  //   var curHeight = card.offsetHeight;
+  //   var curWdith = card.offsetWidth;
+  //   var idealHeight = document.offsetHeight;
+  //   var idealWidth = document.offsetWidth;
+  //   let msg1 = 'current height of card is: ' + curHeight + ' but, ideal height is: ' + idealHeight;
+  //   let msg2 = 'current widtht of card is: ' + curWidth + ' but, ideal width is: ' + idealWidth;
+  //   assert.equal(idealHeight, curHeight);
+  //   assert.equal(idealWidth, curWidth);
+  // });
+
+  it('creates a texteditor card instance', function () {
+    let textEditor = new TextEditor({id: 1, context: document.body, modal: false});
+    return assert.equal(textEditor.constructor.name, 'TextEditor');
+  });
+
+  it('texteditor contains three faces', function () {
+    let textEditor = new TextEditor({id: 1, context: document.body, modal: false});
+    return assert.equal(textEditor.faces.length, 3);
+  });
+
+  it('texteditor contains two \'editor\' faces', function () {
+    let textEditor = new TextEditor({id: 1, context: document.body, modal: false});
+    return assert.equal(textEditor.editors.length, 2);
+  });
+
+  it('creates a sketchpad card instance', function () {
+    let sketchPad = new SketchPad({id: 1, context: document.body, modal: false});
+    return assert.equal(sketchPad.constructor.name, 'SketchPad')
+  });
+
+  it('sketchpad contains three faces', function () {
+    let sketchPad = new SketchPad({id: 1, context: document.body, modal: false});
+    return assert.equal(sketchPad.faces.length, 3);
+  });
+
+  it('sketchpad has sketch pen buttons', function () {
+    let sketchPad = new SketchPad({id: 1, context: document.body, modal: false});
+    assert.notEqual(sketchPad.pens, undefined);
+  });
+
+  // it('sketchpad has 4 sketch pens', function () {
+  //   let sketchPad = new SketchPad({id: 1, context: document.body, modal: false});
+  //   return assert.equal(sketchPad.pens.length, 4);
+  // });
+
+  // it('sketchpad has eraser button', function () {
+  //   let sketchPad = new SketchPad({id: 1, context: document.body, modal: false});
+  //   return assert.notEqual(sketchPad.eraser, undefined);
+  // });
+
+  it('creates a codeEditors card instance', function () {
+    let codeEditor = new CodeEditor({id: 1, context: document.body, modal: false});
+    return assert.equal(codeEditor.constructor.name, 'CodeEditor')
+  });
+
+  it('codeeditor contains three faces', function () {
+    let codeEditor = new CodeEditor({id: 1, context: document.body, modal: false});
+    return assert.equal(codeEditor.faces.length, 3);
+  });
+
 });
 
 function wait(ms){