tests complete for ClayConfig and ClayItem

test/spec/lib/clay-config.js

@@ -0,0 +1,156 @@
+'use strict';
+
+var assert = require('chai').assert;
+var sinon = require('sinon');
+var textComponent = require('../../../src/scripts/components/text');
+var componentRegistry = require('../../../src/scripts/lib/component-registry');
+var checkReadOnly = require('../../test-utils').checkReadOnly;
+var fixtures = require('../../fixture');
+
+describe('ClayConfig', function() {
+  it('defines read-only properties', function() {
+    var properties = [
+      'EVENTS',
+      'getItemByAppKey',
+      'getItemById',
+      'getItemsByType',
+      'getSettings',
+      'registerComponent',
+      'build',
+      'on',
+      'one',
+      'off',
+      'trigger'
+    ];
+    var clayConfig = fixtures.clayConfig(['input']);
+    checkReadOnly(clayConfig, properties);
+  });
+
+  describe('throws when trying to run methods before being built', function() {
+    [
+      'getItemByAppKey',
+      'getItemById',
+      'getItemsByType',
+      'getSettings'
+    ].forEach(function(method) {
+      it('.' + method + '()', function() {
+        var clayConfig = fixtures.clayConfig(['input', 'text'], true);
+        assert.throws(clayConfig[method], new RegExp(method));
+      });
+    });
+  });
+
+  describe('.getAllItems()', function() {
+    it('returns an array of all the items', function() {
+      var config = fixtures.config(['input', 'text', ['input']]);
+      var clayConfig = fixtures.clayConfig(config);
+      var allItems = clayConfig.getAllItems();
+      assert.strictEqual(allItems.length, 3);
+      assert.deepEqual(allItems[0].config, config[0]);
+      assert.deepEqual(allItems[1].config, config[1]);
+      assert.deepEqual(allItems[2].config, config[2].items[0]);
+    });
+  });
+
+  describe('.getItemByAppKey()', function() {
+    it('it returns the correct item', function() {
+      var config = fixtures.config([
+        {type: 'input', appKey: 'test-app-key'},
+        {type: 'input', appKey: undefined}
+      ]);
+      var clayConfig = fixtures.clayConfig(config);
+      assert.deepEqual(clayConfig.getItemByAppKey('test-app-key').config, config[0]);
+    });
+  });
+
+  describe('.getItemById()', function() {
+    it('it returns the correct item', function() {
+      var config = fixtures.config([
+        {type: 'input', id: 'test-id'},
+        {type: 'input', id: undefined}
+      ]);
+      var clayConfig = fixtures.clayConfig(config);
+      assert.deepEqual(clayConfig.getItemById('test-id').config, config[0]);
+    });
+  });
+
+  describe('.getItemsByType()', function() {
+    it('it returns the correct items', function() {
+      var config = fixtures.config(['input', 'text', 'input']);
+      var clayConfig = fixtures.clayConfig(config);
+      assert.deepEqual(clayConfig.getItemsByType('input')[0].config, config[0]);
+      assert.deepEqual(clayConfig.getItemsByType('input')[1].config, config[2]);
+    });
+  });
+
+  describe('.getSettings()', function() {
+    it('returns the correct settings', function() {
+      var clayConfig = fixtures.clayConfig(
+        [
+          {type: 'input', appKey: 'test1', value: 'not this'},
+          {type: 'select', appKey: 'test2', options: [
+            {label: 'label-1', value: 'val-1'},
+            {label: 'label-2', value: 'val-2'}
+          ]},
+          {type: 'toggle', appKey: 'test3'}
+        ],
+        false,
+        {
+          test1: 'val-1' // set one of the values via settings
+        }
+      );
+
+      clayConfig.getItemByAppKey('test2').set('val-2');
+      clayConfig.getItemByAppKey('test3').set(true);
+
+      assert.deepEqual(clayConfig.getSettings(), {
+        test1: 'val-1',
+        test2: 'val-2',
+        test3: true
+      });
+    });
+  });
+
+  describe('.registerComponent()', function() {
+    it('adds the component to the registry', function(done) {
+      delete componentRegistry.text;
+      assert.typeOf(componentRegistry.text, 'undefined');
+      var clayConfig = fixtures.clayConfig(['text'], true);
+
+      clayConfig.on(clayConfig.EVENTS.BEFORE_BUILD, function() {
+        clayConfig.registerComponent(textComponent);
+      });
+
+      clayConfig.on(clayConfig.EVENTS.AFTER_BUILD, function() {
+        assert.strictEqual(this.getAllItems()[0].config.type, 'text');
+        done();
+      });
+
+      clayConfig.build();
+    });
+  });
+
+  describe('.build()', function() {
+    it('dispatches the BEFORE_BUILD event at the right time', function(done) {
+      var clayConfig = fixtures.clayConfig(['input', 'text', 'input'], true);
+      clayConfig.on(clayConfig.EVENTS.BEFORE_BUILD, function() {
+
+        // this should throw because the config has not been built yet
+        assert.throws(clayConfig.getAllItems);
+        done();
+      });
+      clayConfig.build();
+    });
+
+    it('dispatches the AFTER_BUILD event at the right time', function(done) {
+      var clayConfig = fixtures.clayConfig(['input', 'text', 'input'], true);
+      clayConfig.on(clayConfig.EVENTS.AFTER_BUILD, function() {
+
+        // this should not throw because the config has been built
+        assert.doesNotThrow(clayConfig.getAllItems);
+        done();
+      });
+      clayConfig.build();
+    });
+  });
+});

test/spec/lib/clay-item.js

@@ -2,31 +2,12 @@
 
 var assert = require('chai').assert;
 var sinon = require('sinon');
+var checkReadOnly = require('../../test-utils').checkReadOnly;
 var ClayItem = require('../../../src/scripts/lib/clay-item');
 var clayItemFixture = require('../../fixture').clayItem;
 var configItemFixture = require('../../fixture').configItem;
 var componentRegistry = require('../../../src/scripts/lib/component-registry');
 
-// add some components to the registry to test
-componentRegistry.text = require('../../../src/scripts/components/text');
-componentRegistry.input = require('../../../src/scripts/components/input');
-componentRegistry.toggle = require('../../../src/scripts/components/toggle');
-componentRegistry.footer = require('../../../src/scripts/components/footer');
-componentRegistry.select = require('../../../src/scripts/components/select');
-
-/**
- * @param {Object} object
- * @param {Array} properties
- */
-function checkReadOnly(object, properties) {
-  properties.forEach(function(property) {
-    assert.strictEqual(
-      Object.getOwnPropertyDescriptor(object, property).writable,
-      false
-    );
-  });
-}
-
 describe('ClayItem', function() {
   it('defines read-only properties', function() {
     var properties = [
@@ -53,6 +34,13 @@ describe('ClayItem', function() {
     });
   });
 
+  it('throws if a component is not in the registry', function() {
+    var config = configItemFixture('fake');
+    /* eslint-disable no-new */
+    assert.throws(function() { new ClayItem(config); }, /fake/);
+    /* eslint-enable no-new */
+  });
+
   describe('.id', function() {
     it('sets id if config has id', function() {
       var config = configItemFixture('input');
@@ -61,7 +49,7 @@ describe('ClayItem', function() {
     });
 
     it('sets id to null if there is no id in the config', function() {
-      var clayItem = clayItemFixture('input', {id: undefined});
+      var clayItem = clayItemFixture({type: 'input', id: undefined});
       assert.strictEqual(clayItem.id, null);
     });
   });
@@ -74,7 +62,7 @@ describe('ClayItem', function() {
     });
 
     it('sets appKey to null if there is no appKey in the config', function() {
-      var clayItem = clayItemFixture('input', {appKey: undefined});
+      var clayItem = clayItemFixture({type: 'input', appKey: undefined});
       assert.strictEqual(clayItem.appKey, null);
     });
   });