add integration tests

test/casperjs/integration/settings/test-resize-default-size.js

@@ -0,0 +1,74 @@
+casper.test.begin('Test updating default size works', 14 , function(test) {
+  test.timeout = test.fail.bind(test, ['Test timed out']);
+  function getValue(selector) {
+    return casper.evaluate(
+      'function () { \
+        return document.querySelector(\'' + selector + '\').value;\
+      }');
+  };
+
+  function isDrawerExpanded() {
+    return casper.evaluate(function () {
+      var settingsElement = document.querySelector('[data-pskl-controller="settings"]');
+      return settingsElement.classList.contains('expanded');
+    });
+  }
+
+  function onTestStart() {
+    test.assertExists('#drawing-canvas-container canvas', 'Piskel ready, test starting');
+
+    test.assert(!isDrawerExpanded(), 'settings drawer is closed');
+    test.assertDoesntExist('.settings-section-resize', 'Check if resize settings drawer is closed');
+
+    // Open resize panel.
+    this.click('[data-setting="resize"]');
+    this.waitForSelector('.settings-section-resize', onResizePanelReady, test.timeout, 10000);
+  }
+
+  function onResizePanelReady() {
+    test.assert(isDrawerExpanded(), 'settings drawer is expanded');
+    test.assertExists('.settings-section-resize', 'Check if resize panel is opened');
+
+    testSetDefaultSize();
+  }
+
+  function testSetDefaultSize() {
+    test.assertExists('[name="default-width"]', 'Check if width input is available');
+    test.assertExists('[name="default-height"]', 'Check if height input is available');
+
+    test.assertEquals(getValue('[name="default-width"]'), "32", 'Default width is 32px');
+    test.assertEquals(getValue('[name="default-height"]'), "32", 'Default height is 32px');
+
+    // Update width/height
+    casper.sendKeys('[name="default-width"]', "1");
+    casper.sendKeys('[name="default-height"]', "2");
+    test.assertEquals(getValue('[name="default-width"]'), "321", 'Default width is 321px');
+    test.assertEquals(getValue('[name="default-height"]'), "322", 'Default height is 322px');
+
+    casper.click('.default-size-button');
+    // Changing the piskel default size should close the panel automatically
+    casper.waitForSelector('[data-pskl-controller="settings"]:not(.expanded)', onDrawerClosed, test.timeout, 10000);
+  }
+
+  function onDrawerClosed() {
+    test.assert(!isDrawerExpanded(), 'settings drawer is closed');
+
+    test.assertEquals(casper.evaluate(function () {
+      return pskl.UserSettings.get('DEFAULT_SIZE').width;
+    }), 321, 'Piskel width is now 321 pixels');
+
+    test.assertEquals(casper.evaluate(function () {
+      return pskl.UserSettings.get('DEFAULT_SIZE').height;
+    }), 322, 'Piskel default height is now 322 pixels');
+  }
+
+  casper
+    .start(casper.cli.get('baseUrl')+"/?debug")
+    .then(function () {
+      this.echo("URL loaded");
+      this.waitForSelector('#drawing-canvas-container canvas', onTestStart, test.timeout, 10000);
+    })
+    .run(function () {
+      test.done();
+    });
+});