From 42f90bc1751dfafb821b47d1199792684116aa4c Mon Sep 17 00:00:00 2001
From: andres alcocer <devandres.tech@gmail.com>
Date: Mon, 28 Nov 2022 19:58:34 -0500
Subject: [PATCH] fixed snapshot tests

---
 .../Button/__tests__/Button.stories.tsx          | 15 +++++++++++----
 src/components/Button/__tests__/Button.test.tsx  | 16 +++++++++++++---
 .../__tests__/__snapshots__/Button.test.tsx.snap | 12 +++++++++++-
 3 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/src/components/Button/__tests__/Button.stories.tsx b/src/components/Button/__tests__/Button.stories.tsx
index 56231c3..3912dc4 100644
--- a/src/components/Button/__tests__/Button.stories.tsx
+++ b/src/components/Button/__tests__/Button.stories.tsx
@@ -4,6 +4,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react'
 import Button from '../Button'
 import { ButtonType } from '../Button'
 import PlayLogo from '../../../static/images/play-button.svg'
+import AddLogo from '../../../static/images/add.svg'
 
 export default {
   title: 'Button',
@@ -29,7 +30,6 @@ export default {
 const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
 
 export const Primary = Template.bind({})
-// More on args: https://storybook.js.org/docs/react/writing-stories/args
 Primary.args = {
   label: 'Primary',
   buttonType: ButtonType.Primary,
@@ -41,9 +41,16 @@ Secondary.args = {
   buttonType: ButtonType.Secondary,
 }
 
-export const WithIcon = Template.bind({})
-WithIcon.args = {
-  label: 'Icon Btn',
+export const PrimaryWithIcon = Template.bind({})
+PrimaryWithIcon.args = {
+  label: 'Primary Ic',
   buttonType: ButtonType.Primary,
   Icon: <PlayLogo />,
 }
+
+export const SecondaryWithIcon = Template.bind({})
+SecondaryWithIcon.args = {
+  label: 'Secondary Ic',
+  buttonType: ButtonType.Secondary,
+  Icon: <AddLogo />,
+}
diff --git a/src/components/Button/__tests__/Button.test.tsx b/src/components/Button/__tests__/Button.test.tsx
index 5b681b1..64c230a 100644
--- a/src/components/Button/__tests__/Button.test.tsx
+++ b/src/components/Button/__tests__/Button.test.tsx
@@ -1,9 +1,19 @@
-import { Primary } from './Button.stories'
-import { render, screen } from '@testing-library/react'
+import { Primary, Secondary } from './Button.stories'
+import { render } from '@testing-library/react'
 
-describe('button', (): void => {
+describe('Button', (): void => {
   test('should render primary button', (): void => {
     const { container } = render(<Primary {...Primary.args} />)
     expect(container).toMatchSnapshot()
   })
+
+  test('should render secondary button', (): void => {
+    const { container } = render(<Secondary {...Secondary.args} />)
+    expect(container).toMatchSnapshot()
+  })
+
+  test('should render primary button with icon', (): void => {
+    const { container } = render(<Secondary {...Secondary.args} />)
+    expect(container).toMatchSnapshot()
+  })
 })
diff --git a/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
index de049ff..25490a6 100644
--- a/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`button should render primary button 1`] = `
+exports[`Button should render primary button 1`] = `
 <div>
   <button
     class="n-button Primary"
@@ -9,3 +9,13 @@ exports[`button should render primary button 1`] = `
   </button>
 </div>
 `;
+
+exports[`Button should render secondary button 1`] = `
+<div>
+  <button
+    class="n-button Secondary"
+  >
+    Secondary
+  </button>
+</div>
+`;