wilymon.github.io/test.js at master · wilymon/wilymon.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
var jsdom = require('jsdom');
var assert = require('assert');
var path = require('path');

// send browser log statements to node console
var virtualConsole = jsdom.createVirtualConsole().sendTo(console);

// handy globals for assertions in each test
var document;
var $;

// get jsdom ready before each test (and wait for document ready event)
beforeEach(function (done) {
  jsdom.env(
    {
      file: path.resolve(__dirname, 'index.html'),
      scripts: [
        path.resolve(__dirname, '../../node_modules/jquery/dist/jquery.js'),
        path.resolve(__dirname, 'script.js')
      ],
      virtualConsole: virtualConsole,
      done: function (err, window) {
        if (err) {
          throw err;
        }
        document = window.document;
        $ = window.$;
        $(document).on('ready', function () {
          done();
        });
      }
    }
  );
});

describe('basic moves', function () {
  it ('should be able to move to an empty stack', function () {
    var $stack1 = $('[data-stack=1]');
    var $stack2 = $('[data-stack=2]');
    assert.equal($stack1.children().length, 4);
    assert.equal($stack2.children().length, 0);

    $stack1.click();
    assert.equal($stack1.children().length, 3);

    $stack2.click();
    assert.equal($stack2.children().length, 1);
  });

  it ('should be able to move to a nonempty stack', function () {
    var $stack1 = $('[data-stack=1]');
    var $stack2 = $('[data-stack=2]');
    var $stack3 = $('[data-stack=3]');
    var assertStackLengths = function (len1, len2, len3) {
      assert.equal($stack1.children().length, len1);
      assert.equal($stack2.children().length, len2);
      assert.equal($stack3.children().length, len3);
    };

    assertStackLengths(4, 0, 0);

    $stack1.click();
    assertStackLengths(3, 0, 0);

    $stack2.click();
    assertStackLengths(3, 1, 0);

    $stack1.click();
    assertStackLengths(2, 1, 0);

    $stack3.click();
    assertStackLengths(2, 1, 1);

    $stack2.click();
    assertStackLengths(2, 0, 1);

    $stack3.click();
    assertStackLengths(2, 0, 2);
  });
});

describe('illegal move', function () {
  it ('should not place bigger blocks on smaller ones', function () {
    var $stack1 = $('[data-stack=1]');
    var $stack2 = $('[data-stack=2]');
    var $stack3 = $('[data-stack=3]');
    var assertStackLengths = function (len1, len2, len3) {
      assert.equal($stack1.children().length, len1);
      assert.equal($stack2.children().length, len2);
      assert.equal($stack3.children().length, len3);
    };

    assertStackLengths(4, 0, 0);

    $stack1.click();
    assertStackLengths(3, 0, 0);

    $stack2.click();
    assertStackLengths(3, 1, 0);

    $stack1.click();
    assertStackLengths(2, 1, 0);

    $stack2.click();

    // should not place the block!
    assertStackLengths(2, 1, 0);
  });
});

describe('detect a win', function () {
  it ('should detect a win in stack 2', function () {
    var $stack1 = $('[data-stack=1]');
    var $stack2 = $('[data-stack=2]');
    var $stack3 = $('[data-stack=3]');
    var stacks = [ $stack1, $stack2, $stack3 ];
    [
      1, 3,
      1, 2,
      3, 2,
      1, 3,
      2, 1,
      2, 3,
      1, 3,
      1, 2,
      3, 2,
      3, 1,
      2, 1,
      3, 2,
      1, 3,
      1, 2,
      3, 2
    ].forEach(function (stackNum) {
      stacks[stackNum - 1].click();
    });
    assert.equal($('#announce-game-won').text().toLowerCase(), 'you won!');
  });
});