Use ember-test-selectors for subtitle assertions

michalsnik · Jul 17, 2018 · f213fae · f213fae
1 parent 2c9d28a
commit f213fae
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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');
 });