diff --git a/addon/templates/components/content-placeholders-heading.hbs b/addon/templates/components/content-placeholders-heading.hbs
index ceb51cd..83cd5a7 100644
--- a/addon/templates/components/content-placeholders-heading.hbs
+++ b/addon/templates/components/content-placeholders-heading.hbs
@@ -4,6 +4,6 @@
 <div class="{{className}}__content">
   <div class="{{className}}__title"></div>
   {{#if subtitle}}
-    <div class="{{className}}__subtitle"></div>
+    <div class="{{className}}__subtitle" data-test-ember-content-placeholders-heading-subtitle></div>
   {{/if}}
 </div>
diff --git a/tests/integration/components/content-placeholders-heading-test.js b/tests/integration/components/content-placeholders-heading-test.js
index 1c5f9e0..f8ae681 100644
--- a/tests/integration/components/content-placeholders-heading-test.js
+++ b/tests/integration/components/content-placeholders-heading-test.js
@@ -13,8 +13,8 @@ test('it renders', function(assert) {
   assert.equal(this.$('[data-test-ember-content-placeholders-heading-img]').length, 1, 'it has an img');
 
   this.render(hbs`{{content-placeholders-heading subtitle=false}}`);
-  assert.equal(this.$('.ember-content-placeholders-heading__subtitle').length, 0, 'it has no subtitle');
+  assert.equal(this.$('[data-test-ember-content-placeholders-heading-subtitle]').length, 0, 'it has no subtitle');
 
   this.render(hbs`{{content-placeholders-heading}}`);
-  assert.equal(this.$('.ember-content-placeholders-heading__subtitle').length, 1, 'it has a subtitle');
+  assert.equal(this.$('[data-test-ember-content-placeholders-heading-subtitle]').length, 1, 'it has a subtitle');
 });