bootstrap-bookingsync-sass 1.0.5 → 2.0.0

data/tests/dummy/config/environment.js

@@ -1,15 +1,19 @@
-/* jshint node: true */
+'use strict';
 
 module.exports = function(environment) {
-  var ENV = {
+  let ENV = {
     modulePrefix: 'dummy',
-    environment: environment,
-    baseURL: '/',
+    environment,
+    rootURL: '/',
     locationType: 'auto',
     EmberENV: {
       FEATURES: {
         // Here you can enable experimental features on an ember canary build
-        // e.g. 'with-controller': true
+        // e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
+      },
+      EXTEND_PROTOTYPES: {
+        // Prevent Ember Data from overriding Date.parse.
+        Date: false
       }
     },
 
@@ -29,7 +33,7 @@ module.exports = function(environment) {
 
   if (environment === 'test') {
     // Testem prefers this...
-    ENV.baseURL = '/';
+    ENV.rootURL = '/';
     ENV.locationType = 'none';
 
     // keep test console output quieter
@@ -37,10 +41,11 @@ module.exports = function(environment) {
     ENV.APP.LOG_VIEW_LOOKUPS = false;
 
     ENV.APP.rootElement = '#ember-testing';
+    ENV.APP.autoboot = false;
   }
 
   if (environment === 'production') {
-    ENV.baseURL = '/ember';
+    ENV.rootURL = '/ember';
   }
 
   return ENV;

data/tests/dummy/config/optional-features.json

@@ -0,0 +1,3 @@
+{
+  "jquery-integration": false
+}

data/tests/dummy/config/targets.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const browsers = [
+  'last 1 Chrome versions',
+  'last 1 Firefox versions',
+  'last 1 Safari versions'
+];
+
+const isCI = !!process.env.CI;
+const isProduction = process.env.EMBER_ENV === 'production';
+
+if (isCI || isProduction) {
+  browsers.push('ie 11');
+}
+
+module.exports = {
+  browsers
+};

data/tests/index.html

@@ -10,9 +10,9 @@
     {{content-for "head"}}
     {{content-for "test-head"}}
 
-    <link rel="stylesheet" href="assets/vendor.css">
-    <link rel="stylesheet" href="assets/dummy.css">
-    <link rel="stylesheet" href="assets/test-support.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/dummy.css">
+    <link rel="stylesheet" href="{{rootURL}}assets/test-support.css">
 
     {{content-for "head-footer"}}
     {{content-for "test-head-footer"}}
@@ -21,12 +21,11 @@
     {{content-for "body"}}
     {{content-for "test-body"}}
 
-    <script src="testem.js" integrity=""></script>
-    <script src="assets/vendor.js"></script>
-    <script src="assets/test-support.js"></script>
-    <script src="assets/dummy.js"></script>
-    <script src="assets/tests.js"></script>
-    <script src="assets/test-loader.js"></script>
+    <script src="/testem.js" integrity=""></script>
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/test-support.js"></script>
+    <script src="{{rootURL}}assets/dummy.js"></script>
+    <script src="{{rootURL}}assets/tests.js"></script>
 
     {{content-for "body-footer"}}
     {{content-for "test-body-footer"}}

data/tests/integration/components/bsy-alert-test.js

@@ -1,24 +1,26 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
 import hbs from 'htmlbars-inline-precompile';
 
-moduleForComponent('bsy-alert', 'Integration | Component | bsy alert', {
-  integration: true
-});
+module('Integration | Component | bsy alert', function(hooks) {
+  setupRenderingTest(hooks);
 
-test('it renders', function(assert) {
-  // Set any properties with this.set('myProperty', 'value');
-  // Handle any actions with this.on('myAction', function(val) { ... });"
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.on('myAction', function(val) { ... });"
 
-  this.render(hbs`{{bsy-alert}}`);
+    await render(hbs`{{bsy-alert}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.dom().hasText('');
 
-  // Template block usage:"
-  this.render(hbs`
-    {{#bsy-alert}}
-      template block text
-    {{/bsy-alert}}
-  `);
+    // Template block usage:"
+    await render(hbs`
+      {{#bsy-alert}}
+        template block text
+      {{/bsy-alert}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'template block text');
+    assert.dom().hasText('template block text');
+  });
 });

data/tests/integration/components/bsy-button-test.js

@@ -1,24 +1,26 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
 import hbs from 'htmlbars-inline-precompile';
 
-moduleForComponent('bsy-button', 'Integration | Component | bsy button', {
-  integration: true
-});
+module('Integration | Component | bsy button', function(hooks) {
+  setupRenderingTest(hooks);
 
-test('it renders', function(assert) {
-  // Set any properties with this.set('myProperty', 'value');
-  // Handle any actions with this.on('myAction', function(val) { ... });"
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.on('myAction', function(val) { ... });"
 
-  this.render(hbs`{{bsy-button}}`);
+    await render(hbs`{{bsy-button}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.dom().hasText('');
 
-  // Template block usage:"
-  this.render(hbs`
-    {{#bsy-button}}
-      template block text
-    {{/bsy-button}}
-  `);
+    // Template block usage:"
+    await render(hbs`
+      {{#bsy-button}}
+        template block text
+      {{/bsy-button}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'template block text');
+    assert.dom().hasText('template block text');
+  });
 });

data/tests/integration/components/bsy-checkbox-test.js

@@ -0,0 +1,77 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { click, render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | bsy-checkbox', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('It renders a checkbox', async function(assert) {
+    await render(hbs`{{bsy-checkbox}}`);
+    assert.dom('input[type="checkbox"]').exists('Checkbox is rendered');
+  });
+
+  test('It sets the checked value', async function(assert) {
+    await render(hbs`{{bsy-checkbox}}`);
+    assert.dom('input').isNotChecked('Checkbox is not checked');
+
+    await render(hbs`{{bsy-checkbox checked=true}}`);
+    assert.dom('input').isChecked('Checkbox is checked');
+
+    await render(hbs`{{bsy-checkbox checked=false}}`);
+    assert.dom('input').isNotChecked('Checkbox is not checked');
+  });
+
+  test('The first positional param is checked', async function(assert) {
+    await render(hbs`{{bsy-checkbox true}}`);
+    assert.dom('input').isChecked('Checkbox is checked');
+  });
+
+  test('Clicking the checkbox triggers the update action', async function(assert) {
+    await render(hbs`{{bsy-checkbox value update=(action (mut value))}}`);
+    await click('input');
+    assert.equal(this.get('value'), true);
+
+    await click('input');
+    assert.equal(this.get('value'), false);
+  });
+
+  test('It can accept an outside toggle of checked', async function(assert) {
+    await render(hbs`{{bsy-checkbox checked=checked update=(action (mut checked))}}`);
+
+    await click('input');
+    this.set('checked', false);
+    await click('input');
+
+    assert.strictEqual(this.get('checked'), true);
+  });
+
+  test('It can accept an outside toggle of checked - using positional param', async function(assert) {
+    await render(hbs`{{bsy-checkbox checked update=(action (mut checked))}}`);
+
+    await click('input');
+    this.set('checked', false);
+    await click('input');
+
+    assert.strictEqual(this.get('checked'), true);
+  });
+
+  test('Outside value of null', async function(assert) {
+    this.set('checked', true);
+    await render(hbs`{{bsy-checkbox checked}}`);
+    this.set('checked', null);
+    assert.dom('input').isNotChecked('Checkbox is not checked');
+  });
+
+  test('Outside value of undefined', async function(assert) {
+    this.set('checked', true);
+    await render(hbs`{{bsy-checkbox checked}}`);
+    this.set('checked', undefined);
+    assert.dom('input').isNotChecked('Checkbox is not checked');
+  });
+
+  test('classNames is not passed as an html attribute', async function(assert) {
+    await render(hbs`{{bsy-checkbox classNames="testing"}}`);
+    assert.dom('input').hasNoAttribute('classnames');
+  });
+});

data/tests/integration/components/bsy-input-test.js

@@ -0,0 +1,120 @@
+import { run } from '@ember/runloop';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { fillIn, blur, render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | bsy-input', function(hooks) {
+  setupRenderingTest(hooks);
+
+  hooks.beforeEach(function() {
+    this.actions = {};
+    this.send = (actionName, ...args) => this.actions[actionName].apply(this, args);
+  });
+
+  test('It renders an input', async function(assert) {
+    await render(hbs`{{bsy-input}}`);
+    assert.dom('input').exists('Input is rendered');
+  });
+
+  test('The default type of the input is "text"', async function(assert) {
+    await render(hbs`{{bsy-input}}`);
+    assert.dom('input[type="text"]').exists('Input type is text');
+  });
+
+  test('The type param changes the type of the input', async function(assert) {
+    await render(hbs`{{bsy-input type="password"}}`);
+    assert.dom('input[type="password"]').exists('Input type is password');
+  });
+
+  test('It puts the value into the input', async function(assert) {
+    await render(hbs`{{bsy-input value="test"}}`);
+    assert.dom('input').hasValue('test', 'input\'s value is \'test\'');
+  });
+
+  test('Changing the value updates the input', async function(assert) {
+    this.set('value', 'foo');
+    await render(hbs`{{bsy-input value}}`);
+    assert.dom('input').hasValue('foo', 'Input\'s value is \'foo\'');
+    this.set('value', 'bar');
+    assert.dom('input').hasValue('bar', 'Input\'s value is \'bar\'');
+  });
+
+  test('Value can be the first positional param', async function(assert) {
+    await render(hbs`{{bsy-input "test"}}`);
+    assert.dom('input').hasValue('test', 'input\'s value is \'test\'');
+  });
+
+  test('Outside positional param value of null', async function(assert) {
+    this.set('value', 'hello world');
+    await render(hbs`{{bsy-input value}}`);
+    this.set('value', null);
+    assert.dom('input').hasValue('');
+  });
+
+  test('Outside positional param value of undefined', async function(assert) {
+    this.set('value', 'hello world');
+    await render(hbs`{{bsy-input value}}`);
+    this.set('value', undefined);
+    assert.dom('input').hasValue('');
+  });
+
+  test('Typing in the input triggers the update action', async function(assert) {
+    await render(hbs`{{bsy-input value update=(action (mut value))}}`);
+    await fillIn('input', 'foo');
+    assert.equal(this.get('value'), 'foo', 'Value is updated to \'foo\'');
+  });
+
+  test('Changing the input value triggers the update action', async function(assert) {
+    await render(hbs`{{bsy-input value update=(action (mut value))}}`);
+    await fillIn('input', 'foo');
+    await blur('input');
+    assert.equal(this.get('value'), 'foo', 'Value is updated to \'foo\'');
+  });
+
+  test('Updating the value binding does not send an update action', async function(assert) {
+    assert.expect(1);
+    let fired = false;
+    this.actions.update = () => fired = true;
+    this.set('value', 'hey');
+    await render(hbs`{{bsy-input value update=(action 'update')}}`);
+    this.set('value', 'ho');
+    assert.equal(fired, false, 'The update action should not have fired');
+  });
+
+  test('Does not throw an error updating an number input', async function(assert) {
+    assert.expect(0);
+    this.set('value', 1);
+
+    await render(hbs`{{bsy-input value update=(action (mut value))}}`);
+
+    fillIn('input', '12');
+  });
+
+  test('Can bind the placeholder attribute', async function(assert) {
+    await render(hbs`{{bsy-input placeholder="testing"}}`);
+    assert.dom('input').hasAttribute('placeholder', 'testing');
+  });
+
+  test('positionalParamValue is not passed as an html attribute', async function(assert) {
+    await render(hbs`{{bsy-input "testing"}}`);
+    assert.dom('input').hasNoAttribute('positionalparamvalue');
+  });
+
+  test('classNames is not passed as an html attribute', async function(assert) {
+    await render(hbs`{{bsy-input classNames="testing"}}`);
+    assert.dom('input').hasNoAttribute('classnames');
+  });
+
+  test('update is not passed as an html attribute', async function(assert) {
+    await render(hbs`{{bsy-input update=(action (mut value))}}`);
+    assert.dom('input').hasNoAttribute('update');
+  });
+
+  test('Does not update value when it is destroyed', async function(assert) {
+    this.set('value', 'foo');
+    await render(hbs`{{bsy-input value update=(action (mut value))}}`);
+    run(() => this.clearRender());
+    assert.equal(this.get('value'), 'foo', 'Value is still foo');
+  });
+});

data/tests/integration/components/bsy-nav-test.js

@@ -1,24 +1,26 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
 import hbs from 'htmlbars-inline-precompile';
 
-moduleForComponent('bsy-nav', 'Integration | Component | bsy nav', {
-  integration: true
-});
+module('Integration | Component | bsy nav', function(hooks) {
+  setupRenderingTest(hooks);
 
-test('it renders', function(assert) {
-  // Set any properties with this.set('myProperty', 'value');
-  // Handle any actions with this.on('myAction', function(val) { ... });"
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.on('myAction', function(val) { ... });"
 
-  this.render(hbs`{{bsy-nav}}`);
+    await render(hbs`{{bsy-nav}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.dom().hasText('');
 
-  // Template block usage:"
-  this.render(hbs`
-    {{#bsy-nav}}
-      template block text
-    {{/bsy-nav}}
-  `);
+    // Template block usage:"
+    await render(hbs`
+      {{#bsy-nav}}
+        template block text
+      {{/bsy-nav}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'template block text');
+    assert.dom().hasText('template block text');
+  });
 });

data/tests/integration/components/bsy-nav/item-test.js

@@ -1,24 +1,26 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
 import hbs from 'htmlbars-inline-precompile';
 
-moduleForComponent('bsy-nav/item', 'Integration | Component | bsy nav/item', {
-  integration: true
-});
+module('Integration | Component | bsy nav/item', function(hooks) {
+  setupRenderingTest(hooks);
 
-test('it renders', function(assert) {
-  // Set any properties with this.set('myProperty', 'value');
-  // Handle any actions with this.on('myAction', function(val) { ... });"
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.on('myAction', function(val) { ... });"
 
-  this.render(hbs`{{bsy-nav/item}}`);
+    await render(hbs`{{bsy-nav/item}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.dom().hasText('');
 
-  // Template block usage:"
-  this.render(hbs`
-    {{#bsy-nav/item}}
-      template block text
-    {{/bsy-nav/item}}
-  `);
+    // Template block usage:"
+    await render(hbs`
+      {{#bsy-nav/item}}
+        template block text
+      {{/bsy-nav/item}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'template block text');
+    assert.dom().hasText('template block text');
+  });
 });