Update dummy app

tests/dummy/app/components/faint-text.js

@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+import layout from '../templates/components/faint-text';
+
+export default Component.extend({
+  layout
+});

tests/dummy/app/controllers/application.js

@@ -1,4 +1,9 @@
 import Controller from '@ember/controller';
 
 export default Controller.extend({
+  actions: {
+    toggle() {
+      this.toggleProperty('canShowComponent');
+    }
+  }
 });

tests/dummy/app/templates/application.hbs

@@ -1,14 +1,17 @@
 <div style="text-align: center">
-  <h1 style="color:cyan">Accessibility Tester</h1>
-  <h1>Identifies accessibility issues in your Ember applications.</h1>
+  <h1 style="color:cyan">ember-accessibility</h1>
+  <h1>Identify accessibility issues during development!</h1>
 
-  {{!-- <img src="https://picsum.photos/500/500"> --}}
+  <img src="https://source.unsplash.com/gWFXgcH-LeU/800x450">
 
   <br>
 
   <button class="empty-btn"></button>
 
-  <ClickToDisplay />
+  <button type="button" {{action "toggle"}}>Click to display some text</button>
+  {{#if canShowComponent}}
+    <FaintText />
+  {{/if}}
 </div>
 
 <AccessibilityTester />

tests/dummy/app/templates/components/faint-text.hbs

@@ -0,0 +1 @@
+<p style="color:cyan">Too faint to read</p>