From 01954f189bc9a2f7e16a1f6d4c3f457a739390b5 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Thu, 7 May 2020 14:27:42 -0400
Subject: [PATCH] =?UTF-8?q?test:=20=F0=9F=92=8D=20add=20icon=20only=20butt?=
 =?UTF-8?q?on=20tests?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 addons/rose/addon/components/rose/button.js              | 2 +-
 addons/rose/addon/templates/components/rose/button.hbs   | 1 -
 addons/rose/stories/button.stories.js                    | 9 +++++----
 .../tests/integration/components/rose/button-test.js     | 6 ++++++
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/addons/rose/addon/components/rose/button.js b/addons/rose/addon/components/rose/button.js
index f5d06e910..02b50d397 100644
--- a/addons/rose/addon/components/rose/button.js
+++ b/addons/rose/addon/components/rose/button.js
@@ -11,5 +11,5 @@ import layout from '../../templates/components/rose/button';
 export default Component.extend({
   layout,
 
-  tagName: ''
+  tagName: '',
 });
diff --git a/addons/rose/addon/templates/components/rose/button.hbs b/addons/rose/addon/templates/components/rose/button.hbs
index 19f28bca1..bb940e89c 100644
--- a/addons/rose/addon/templates/components/rose/button.hbs
+++ b/addons/rose/addon/templates/components/rose/button.hbs
@@ -21,7 +21,6 @@
     <Rose::Icon
       @name={{@iconOnly}}
       @size="medium"
-      class="rose-button-icon-only"
     />
   {{/if}}
 
diff --git a/addons/rose/stories/button.stories.js b/addons/rose/stories/button.stories.js
index abad0aab2..53cca2788 100644
--- a/addons/rose/stories/button.stories.js
+++ b/addons/rose/stories/button.stories.js
@@ -11,6 +11,7 @@ const icons = {
   'alert-circle-fill': 'alert-circle-fill',
   'chevron-right': 'chevron-right',
   'copy-action': 'copy-action',
+  'lock-closed': 'lock-closed',
 };
 
 export const Normal = () => ({
@@ -44,7 +45,7 @@ export const Normal = () => ({
     iconLeft: select('iconLeft', icons, 'copy-action'),
     iconRight: select('iconRight', icons, 'chevron-right'),
     onClick: action('clicked'),
-  }
+  },
 });
 
 export const IconOnly = () => ({
@@ -56,12 +57,12 @@ export const IconOnly = () => ({
     <Rose::Button
       @style="secondary"
       @iconOnly={{iconOnly}}
-      >
+    >
       {{text}}
     </Rose::Button>
   `,
   context: {
     text: text('text', 'Button'),
-    iconOnly: select('iconOnly', icons, 'copy-action'),
-  }
+    iconOnly: select('iconOnly', icons, 'lock-closed'),
+  },
 });
diff --git a/addons/rose/tests/integration/components/rose/button-test.js b/addons/rose/tests/integration/components/rose/button-test.js
index dfe764fc9..2a717f01f 100644
--- a/addons/rose/tests/integration/components/rose/button-test.js
+++ b/addons/rose/tests/integration/components/rose/button-test.js
@@ -39,4 +39,10 @@ module('Integration | Component | rose/button', function (hooks) {
     await render(hbs`<Rose::Button @iconRight="chevron-left" />`);
     assert.ok(find('.rose-button-icon-right'));
   });
+
+  test('it supports an icon-only type', async function (assert) {
+    await render(hbs`<Rose::Button @iconOnly="chevron-left" />`);
+    assert.ok(find('.rose-button-icon-only'));
+    assert.ok(find('.rose-button-icon-only .rose-icon'));
+  });
 });