Merge pull request #3 from teambit/automations.design/update-button-docs

docs: update docs

Author: nachoaldamav

.bitmap

@@ -12,7 +12,7 @@
     "patterns/form": {
         "name": "patterns/form",
         "scope": "automations.design",
-        "version": "2c64d81f2c0e5a9a0a1e2e7ca698b7965295620b",
+        "version": "02856a708c23d92a84f9c5a82e82f0a61c931211",
         "mainFile": "index.ts",
         "rootDir": "bit-components/design/patterns/form"
     },
@@ -26,7 +26,7 @@
     "ui/button": {
         "name": "ui/button",
         "scope": "automations.design",
-        "version": "82f527944f193c46d1055d0eca7f47d9c77a264b",
+        "version": "5dc717b3cafca203402c9ca98dd140b615c7dd8b",
         "mainFile": "index.ts",
         "rootDir": "bit-components/design/ui/button"
     },
@@ -54,7 +54,7 @@
     "$schema-version": "17.0.0",
     "_bit_lane": {
         "id": {
-            "name": "update-button-tests",
+            "name": "update-button-docs",
             "scope": "automations.design"
         },
         "exported": true

bit-components/design/ui/button/button.docs.mdx

@@ -1,6 +1,6 @@
 ---
 description: A Button component.
-labels: ['button', 'react', 'test', 'test2']
+labels: ['button', 'react', 'test', 'test2', 'test3']
 ---
 
 import { Button } from './button';

bit-components/design/ui/button/button.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
-import { vi } from 'vitest';
 import { Button } from './button.js';
+import { vi } from 'vitest';
 
 describe('Button', () => {
   it('renders children correctly', () => {
@@ -56,7 +56,7 @@ describe('Button', () => {
   });
 
   it('renders icon correctly', () => {
-    const icon = <span data-testid="test-icon" role="img" aria-label="Rocket">🚀</span>;
+    const icon = <span data-testid="test-icon">🚀</span>;
     render(<Button icon={icon}>Click me</Button>);
     expect(screen.getByTestId('test-icon')).toBeInTheDocument();
   });
@@ -68,7 +68,7 @@ describe('Button', () => {
   });
 
   it('hides icons when in loading state', () => {
-    const icon = <span data-testid="test-icon" role="img" aria-label="Rocket">🚀</span>;
+    const icon = <span data-testid="test-icon">🚀</span>;
     render(<Button loading icon={icon}>Click me</Button>);
     expect(screen.queryByTestId('test-icon')).not.toBeInTheDocument();
   });
@@ -88,22 +88,4 @@ describe('Button', () => {
     rerender(<Button type="reset">Button</Button>);
     expect(screen.getByRole('button')).toHaveAttribute('type', 'reset');
   });
-
-  it('applies multiple props correctly when combined', () => {
-    render(
-      <Button 
-        variant="danger" 
-        size="large" 
-        data-testid="combined-button"
-      >
-        Delete Item
-      </Button>
-    );
-    
-    const button = screen.getByTestId('combined-button');
-    expect(button).toHaveClass('danger');
-    expect(button).toHaveClass('large');
-    expect(button).toHaveAttribute('type', 'button'); // default type
-    expect(screen.getByText('Delete Item')).toBeInTheDocument();
-  });
 });