Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/sharedtest/test/unit/elements/gaia_switch/gaia_switch_test.js

@@ -0,0 +1,98 @@
+'use strict';
+
+require('/shared/js/component_utils.js');
+require('/shared/elements/gaia_switch/script.js');
+
+suite('GaiaSwitch', function() {
+  setup(function() {
+    this.container = document.createElement('div');
+  });
+
+  test('Label is populated', function() {
+    this.container.innerHTML = '<gaia-switch><label>my label</label>' +
+      '</gaia-switch>';
+    assert.equal(this.container.querySelector('label').textContent,
+      'my label');
+  });
+
+  test('Input is not checked by default', function() {
+    this.container.innerHTML = '<gaia-switch></gaia-switch>';
+    var element = this.container.firstElementChild;
+    var input = element.shadowRoot.querySelector('input');
+    assert.equal(input.checked, false);
+  });
+
+  test('Checks the input based on checked attr', function() {
+    this.container.innerHTML =
+      '<gaia-switch checked></gaia-switch>';
+    var element = this.container.firstElementChild;
+    var input = element.shadowRoot.querySelector('input');
+    assert.equal(input.checked, true);
+  });
+
+  test('Attribute change toggles checked state', function() {
+    this.container.innerHTML = '<gaia-switch></gaia-switch>';
+    var element = this.container.firstElementChild;
+    var input = element.shadowRoot.querySelector('input');
+    assert.equal(input.checked, false);
+
+    element.checked = 'true';
+    assert.equal(input.checked, true);
+  });
+
+  test('Gets right value after click', function(done) {
+    this.container.innerHTML = '<gaia-switch></gaia-switch>';
+    var element = this.container.firstElementChild;
+    var input = element.shadowRoot.querySelector('input');
+    assert.equal(input.checked, false);
+
+    element.addEventListener('click', function(e) {
+      setTimeout(function() {
+        assert.equal(e.target.checked, true);
+        done();
+      });
+    });
+
+    element.handleClick({
+      target: {},
+      preventDefault: function() {},
+      stopImmediatePropagation: function() {}
+    });
+  });
+
+  test('Dispatches change event', function(done) {
+    this.container.innerHTML = `<div id="wrapper"><gaia-switch>
+    </gaia-switch></div>`;
+    var wrapper = this.container.firstElementChild;
+    var element = wrapper.firstElementChild;
+    var input = element.shadowRoot.querySelector('input');
+    assert.equal(input.checked, false);
+
+    wrapper.addEventListener('change', function(e) {
+      assert.equal(e.type, 'change');
+      assert.equal(e.target, element);
+      done();
+    });
+
+    element.handleClick({
+      target: {},
+      preventDefault: function() {},
+      stopImmediatePropagation: function() {}
+    });
+  });
+
+  test('Clicking link element does not toggle switch', function() {
+    this.container.innerHTML = `<div id="wrapper">
+      <gaia-switch>
+        <label></label><details></details><a href="#">Clicky</a>
+      </gaia-switch>
+    </div>`;
+    var element = this.container.querySelector('gaia-switch');
+    var details = this.container.querySelector('details');
+    var link = this.container.querySelector('a');
+    details.click();
+    assert.equal(element.checked, true, 'Clicking details toggles the switch');
+    link.click();
+    assert.equal(element.checked, true, 'Clicking link does not toggle switch');
+  });
+});