@hero-design/rn 8.12.0 → 8.12.2

package/src/components/Button/__tests__/Button.spec.tsx

@@ -46,9 +46,11 @@ describe('Button', () => {
   });
 
   it('renders loading icon', () => {
-    const { getByTestId } = renderWithTheme(
+    const { getByTestId, toJSON } = renderWithTheme(
       <Button text="A button" testID="button" onPress={jest.fn()} loading />
     );
+
+    expect(toJSON()).toMatchSnapshot();
     expect(getByTestId('button-loading-indicator')).toBeDefined();
   });
 
@@ -64,6 +66,17 @@ describe('Button', () => {
       });
     });
 
+    describe('button is loading', () => {
+      it('NOT allows to click on', () => {
+        const onPress = jest.fn();
+        const { getByTestId } = renderWithTheme(
+          <Button text="A button" testID="button" loading onPress={onPress} />
+        );
+        fireEvent.press(getByTestId('button-loading-indicator'));
+        expect(onPress).not.toHaveBeenCalled();
+      });
+    });
+
     describe('button is enabled', () => {
       it('allows to click on', () => {
         const onPress = jest.fn();
@@ -75,6 +88,38 @@ describe('Button', () => {
       });
     });
   });
+
+  it.each`
+    variant       | intent         | loading  | disabled
+    ${'filled'}   | ${'primary'}   | ${false} | ${false}
+    ${'filled'}   | ${'primary'}   | ${true}  | ${false}
+    ${'filled'}   | ${'primary'}   | ${false} | ${true}
+    ${'outlined'} | ${'primary'}   | ${false} | ${false}
+    ${'outlined'} | ${'primary'}   | ${true}  | ${false}
+    ${'outlined'} | ${'primary'}   | ${false} | ${true}
+    ${'text'}     | ${'primary'}   | ${false} | ${false}
+    ${'text'}     | ${'primary'}   | ${true}  | ${false}
+    ${'text'}     | ${'primary'}   | ${false} | ${true}
+    ${'text'}     | ${'secondary'} | ${false} | ${false}
+    ${'text'}     | ${'secondary'} | ${true}  | ${false}
+    ${'text'}     | ${'secondary'} | ${false} | ${true}
+    ${'text'}     | ${'danger'}    | ${false} | ${false}
+    ${'text'}     | ${'danger'}    | ${true}  | ${false}
+    ${'text'}     | ${'danger'}    | ${false} | ${true}
+  `('renders correctly', ({ variant, intent, loading, disabled }) => {
+    const { toJSON } = renderWithTheme(
+      <Button
+        text="A button"
+        variant={variant}
+        intent={intent}
+        loading={loading}
+        disabled={disabled}
+        onPress={jest.fn()}
+      />
+    );
+
+    expect(toJSON()).toMatchSnapshot();
+  });
 });
 
 describe('getThemeVariant', () => {