Add karma testing framework and some basic tests

test/fixture.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var idCounter = 0;
+
+function fixture(type, config) {
+
+  var basic = {
+    type: type,
+    label: type + '-label',
+    appKey: 'appKey-' + idCounter,
+    id: 'id-' + idCounter
+  };
+
+  idCounter ++;
+
+  return Object.assign({}, basic, config);
+}
+
+module.exports = fixture;

test/karma.conf.js

@@ -0,0 +1,86 @@
+'use strict';
+
+// Karma configuration
+
+module.exports = function(config) {
+  config.set({
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: '..',
+
+    // frameworks to use
+    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: ['browserify', 'source-map-support', 'mocha'],
+
+    browserify: {
+      debug: true,
+      transform: [
+        [
+          'stringify',
+          { extensions: ['.html', '.tpl'] }
+        ],
+        'deamdify',
+        [
+          'browserify-istanbul',
+          { ignore: ['**/test/**', '**/src/scripts/vendor/**'] }
+        ]
+      ]
+    },
+
+    // list of files / patterns to load in the browser
+    files: [
+      'test/spec/**/*.js'
+    ],
+
+    // list of files to exclude
+    exclude: [],
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+      'test/spec/**/*.js': ['browserify'],
+      'src/*.js': ['coverage']
+    },
+
+    // test results reporter to use
+    // possible values: 'dots', 'progress'
+    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    reporters: ['progress', 'mocha', 'coverage'],
+
+    // optionally, configure the reporter
+    coverageReporter: {
+      dir: 'coverage/',
+      reporters: [
+        {type: 'text-summary'},
+        {type: 'html', subdir: '.'}
+      ]
+    },
+
+    // web server port
+    port: 9876,
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN ||
+    // config.LOG_INFO || config.LOG_DEBUG
+    logLevel: config.LOG_INFO,
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: true,
+
+    // start these browsers
+    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: ['Chrome'],
+
+    // Continuous Integration mode
+    // if true, Karma captures browsers, runs the tests and exits
+    singleRun: true,
+
+    // Concurrency level
+    // how many browser should be started simultaneous
+    concurrency: Infinity
+  });
+};
+

test/spec/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "env": {
+    "mocha": true
+  }
+}

test/spec/lib/api-item.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var assert = require('chai').assert;
+var ApiItem = require('../../../src/scripts/lib/api-item');
+var fixture = require('../../fixture');
+var items = require('../../../src/scripts/lib/items');
+
+/**
+ * @param {Object} object
+ * @param {Array} properties
+ */
+function checkReadOnly(object, properties) {
+  properties.forEach(function(property) {
+    assert.strictEqual(
+      Object.getOwnPropertyDescriptor(object, property).writable,
+      false
+    );
+  });
+}
+
+describe('ApiItem', function() {
+  it('defines read-only properties', function() {
+    var properties = [
+      'id',
+      'appKey',
+      'config',
+      '$element',
+      '$manipulatorTarget',
+      'on',
+      'one',
+      'off',
+      'trigger',
+      'initialize'
+    ];
+    var apiItem = new ApiItem(fixture('input'));
+    checkReadOnly(apiItem, properties);
+  });
+
+  it('attaches the manipulator methods', function() {
+    Object.keys(items).forEach(function(itemName) {
+      var apiItem = new ApiItem(fixture(itemName));
+      var manipulator = items[itemName].manipulator;
+      checkReadOnly(apiItem, Object.keys(manipulator));
+    });
+  });
+});