@transferwise/components 0.0.0-experimental-4c79cff → 0.0.0-experimental-28a3dd5

package/src/button/__snapshots__/Button.spec.tsx.snap

@@ -1,309 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button by default renders a medium button of type accent and priority primary 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button by default renders an anchor tag with button styles of type accent and priority primary 1`] = `
-<div>
-  <a
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    href="#"
-  >
-    Send money
-  </a>
-</div>
-`;
-
-exports[`Button deprecated types renders danger as negative buttons with priority secondary and logs a warning 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button deprecated types renders link as accent buttons with priority tertiary and logs a warning 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-3"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button deprecated types renders pay as positive buttons and logs a warning 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button deprecated types renders primary as accent buttons and logs a warning 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button other states renders as block if block is true 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-block np-btn-block btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities defaults tertiary buttons to secondary for positive buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-positive btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities defaults tertiary buttons to secondary for positive buttons 2`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders primary buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders primary buttons 2`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders primary buttons 3`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-negative btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders secondary buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders secondary buttons 2`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-positive btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders secondary buttons 3`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button priorities renders tertiary buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-3"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button sizes renders large buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-lg np-btn np-btn-lg btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button sizes renders medium buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button sizes renders small buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-sm np-btn np-btn-sm btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button types renders accent buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button types renders negative buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-negative btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;
-
-exports[`Button types renders positive buttons 1`] = `
-<div>
-  <button
-    aria-busy="false"
-    aria-disabled="false"
-    aria-live="off"
-    class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
-    type="button"
-  >
-    Send money
-  </button>
-</div>
-`;

package/src/drawer/Drawer.spec.tsx

@@ -1,93 +0,0 @@
-import { render, screen, userEvent, mockMatchMedia } from '../test-utils';
-import { Position } from '../common';
-
-import Drawer from './Drawer';
-
-jest.mock('../common/DOMOperations');
-mockMatchMedia();
-
-describe('Drawer', () => {
-  const renderedComponent = (props: React.ComponentProps<typeof Drawer>) =>
-    render(<Drawer {...props} />);
-
-  const props = {
-    open: true,
-    onClose: jest.fn(),
-    headerTitle: 'Drawer Title',
-    footerContent: <div>Footer Content</div>,
-    children: <p>Drawer Content</p>,
-    className: 'drawer-class',
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders the Drawer component', () => {
-    renderedComponent(props);
-    expect(screen.getByRole('dialog')).toBeInTheDocument();
-  });
-
-  it('renders the header title', () => {
-    renderedComponent(props);
-    expect(screen.getByText('Drawer Title')).toBeInTheDocument();
-  });
-
-  it('renders the footer content', () => {
-    renderedComponent(props);
-    expect(screen.getByText('Footer Content')).toBeInTheDocument();
-  });
-
-  it('renders the children content', () => {
-    renderedComponent(props);
-    expect(screen.getByText('Drawer Content')).toBeInTheDocument();
-  });
-
-  it('passes through the className prop', () => {
-    renderedComponent({ ...props, className: 'drawer-class' });
-    expect(screen.getByRole('dialog')).toHaveClass('drawer-class');
-  });
-
-  it('calls onClose when the close button is clicked', async () => {
-    renderedComponent(props);
-    await userEvent.click(screen.getByLabelText('Close'));
-    expect(props.onClose).toHaveBeenCalled();
-  });
-
-  it('calls onClose if the dimmer is clicked', async () => {
-    render(<Drawer {...props} />);
-    await userEvent.click(screen.getByRole('button'));
-    expect(props.onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call onClose if the drawer content is clicked', async () => {
-    render(<Drawer {...props}>Drawer Content</Drawer>);
-    await userEvent.click(screen.getByText('Drawer Content'));
-    expect(props.onClose).not.toHaveBeenCalled();
-  });
-
-  it('does not render the Drawer when open is false', () => {
-    renderedComponent({ ...props, open: false });
-    expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
-  });
-
-  it('renders the Drawer with the correct aria-labelledby attribute', () => {
-    renderedComponent(props);
-    expect(screen.getByRole('dialog')).toHaveAttribute('aria-labelledby');
-  });
-
-  it('renders the Drawer with the correct position', () => {
-    renderedComponent({ ...props, position: Position.LEFT });
-    expect(screen.getByRole('dialog').parentElement).toHaveClass('sliding-panel--open-left');
-  });
-
-  it('renders the Drawer with the correct role attribute', () => {
-    renderedComponent(props);
-    expect(screen.getByRole('dialog')).toHaveAttribute('role', 'dialog');
-  });
-
-  it('renders the Drawer with the correct aria-modal attribute', () => {
-    renderedComponent(props);
-    expect(screen.getByRole('dialog')).toHaveAttribute('aria-modal', 'true');
-  });
-});