Test added for spacing

package.json

@@ -40,7 +40,8 @@
     "ember-paper": "0.2.14",
     "ember-resolver": "^2.0.3",
     "ember-try": "^0.2.2",
-    "loader.js": "^4.0.1"
+    "loader.js": "^4.0.1",
+    "ember-tether": "0.3.1"
   },
   "keywords": [
     "ember-addon",

tests/integration/components/spacing-test.js

@@ -0,0 +1,39 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+function assertSpacing(assert, context, expectedSpacing) {
+  const $this = context.$();
+  const targetPosition = $this.position();
+  const $tooltip = $this.find('.tooltip');
+  const tooltipPosition = $tooltip.position();
+  const offset = Math.floor(targetPosition.top - tooltipPosition.top);
+
+  const paddingTop = parseInt($tooltip.css('padding-top'));
+  const paddingBottom = parseInt($tooltip.css('padding-bottom'));
+
+  assert.equal(offset - paddingTop - paddingBottom, expectedSpacing,
+    `Tooltip should be ${expectedSpacing}px from the target`);
+
+}
+
+moduleForComponent('tooltip-on-component', 'Integration | Option | spacing', {
+  integration: true
+});
+
+test('It shows with showOn', function(assert) {
+
+  assert.expect(2);
+
+  /* Check the default spacing */
+
+  this.render(hbs`{{tooltip-on-component}}`);
+
+  assertSpacing(assert, this, 10);
+
+  /* Check custom spacing */
+
+  this.render(hbs`{{tooltip-on-component spacing=20}}`);
+
+  assertSpacing(assert, this, 20);
+
+});

tests/integration/components/tooltip-on-element-test.js

@@ -1,4 +1,3 @@
-import Ember from 'ember';
 import { moduleForComponent, test } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';