vega-frontend-monorepo/apps/trading/components/vega-wallet-connect-button/vega-wallet-connect-button.spec.tsx
Dexter Edwards 107171d46a
renaming test files (#351)
* renaming test files

* add eslint plugin jest

* enable linting rule and additional rules

* fix a metric ton of linting errors

* fix lint errors

* remove export
2022-05-12 13:32:14 +01:00

52 lines
1.5 KiB
TypeScript

import { fireEvent, render, screen } from '@testing-library/react';
import { VegaWalletContext } from '@vegaprotocol/wallet';
import type { VegaWalletContextShape } from '@vegaprotocol/wallet';
import type { VegaWalletConnectButtonProps } from './vega-wallet-connect-button';
import { VegaWalletConnectButton } from './vega-wallet-connect-button';
let props: VegaWalletConnectButtonProps;
beforeEach(() => {
props = {
setConnectDialog: jest.fn(),
setManageDialog: jest.fn(),
};
});
const generateJsx = (
context: VegaWalletContextShape,
props: VegaWalletConnectButtonProps
) => {
return (
<VegaWalletContext.Provider value={context}>
<VegaWalletConnectButton {...props} />
</VegaWalletContext.Provider>
);
};
it('Not connected', () => {
render(generateJsx({ keypair: null } as VegaWalletContextShape, props));
const button = screen.getByRole('button');
expect(button).toHaveTextContent('Connect Vega wallet');
fireEvent.click(button);
expect(props.setConnectDialog).toHaveBeenCalledWith(true);
expect(props.setManageDialog).not.toHaveBeenCalled();
});
it('Connected', () => {
render(
generateJsx(
{ keypair: { pub: '123456__123456' } } as VegaWalletContextShape,
props
)
);
expect(screen.getByText('Vega key:')).toBeInTheDocument();
const button = screen.getByRole('button');
expect(button).toHaveTextContent('123456\u2026123456');
fireEvent.click(button);
expect(props.setManageDialog).toHaveBeenCalledWith(true);
expect(props.setConnectDialog).not.toHaveBeenCalled();
});