From 5687fc19bec245561de6590515eadf0c30009056 Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias.bieniek@gmail.com>
Date: Fri, 19 Oct 2018 15:14:20 +0200
Subject: [PATCH] Add test for #106

---
 .../utils/bind-data-test-attributes-test.js   | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/tests/unit/utils/bind-data-test-attributes-test.js b/tests/unit/utils/bind-data-test-attributes-test.js
index c25e2cba..37c39a38 100644
--- a/tests/unit/utils/bind-data-test-attributes-test.js
+++ b/tests/unit/utils/bind-data-test-attributes-test.js
@@ -1,5 +1,7 @@
 import { module, test } from 'qunit';
 import EmberObject, { computed } from '@ember/object';
+import EmberMixin from '@ember/object/mixin';
+import { dasherize } from '@ember/string';
 
 import bindDataTestAttributes from 'ember-test-selectors/utils/bind-data-test-attributes';
 
@@ -126,3 +128,49 @@ test('it breaks if tagName is empty', function(assert) {
 
   assert.throws(() => bindDataTestAttributes(instance));
 });
+
+test('issue #106', function(assert) {
+  let Component = EmberObject.extend({});
+
+  Component.reopen({
+    init() {
+      this._super(...arguments);
+      bindDataTestAttributes(this);
+    },
+  });
+
+  let Mixin = EmberMixin.create({
+    init() {
+      this._super(...arguments);
+
+      if (this.tagName !== '') {
+        let componentName = dasherize(this._XXXdebugContainerKey.replace(/\//g, '-').split(':')[1]);
+        this.set('data-test-component', componentName);
+
+        let dataTestAttr = ['data-test-component'];
+        this.attributeBindings = this.attributeBindings ? this.attributeBindings.concat(dataTestAttr) : dataTestAttr;
+      }
+    },
+  });
+
+  Component.reopen(Mixin);
+
+  let Fixture1 = Component.extend({
+    _XXXdebugContainerKey: 'component:fixture1',
+    tagName: 'span',
+  });
+
+  let fixture1 = Fixture1.create();
+
+  assert.strictEqual(fixture1.get('data-test-component'), 'fixture1');
+
+  let Fixture2 = Component.extend({
+    _XXXdebugContainerKey: 'component:fixture2',
+    tagName: '',
+  });
+
+  let fixture2 = Fixture2.create();
+
+  assert.strictEqual(fixture2.get('data-test-component'), undefined);
+});
+