mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 07:24:56 +01:00
ce9af8aac3
* added file structure for picker-network * updated accessory prop with props * added tests and documentation to picker network * updated picker network classnames * updated custom tests for picker network * updated css in picker network * updated readme and stories * added snapshot testing * changed behaviour to button * updated snapshot for button * updated label as per src
58 lines
1.7 KiB
JavaScript
58 lines
1.7 KiB
JavaScript
import { render, screen } from '@testing-library/react';
|
|
import React from 'react';
|
|
|
|
import { PickerNetwork } from './picker-network';
|
|
|
|
describe('PickerNetwork', () => {
|
|
it('should render the label inside the PickerNetwork', () => {
|
|
const { getByTestId, container } = render(
|
|
<PickerNetwork data-testid="picker-network" label="Imported" />,
|
|
);
|
|
expect(getByTestId('picker-network')).toBeDefined();
|
|
expect(getByTestId('picker-network')).toHaveTextContent('Imported');
|
|
expect(container).toMatchSnapshot();
|
|
});
|
|
it('should render correct Avatar inside Picker Network', () => {
|
|
render(
|
|
<PickerNetwork
|
|
data-testid="picker-network"
|
|
label="Imported"
|
|
src="./images/matic-token.png"
|
|
/>,
|
|
);
|
|
const image = screen.getByRole('img');
|
|
expect(image).toBeDefined();
|
|
expect(image).toHaveAttribute('src', './images/matic-token.png');
|
|
});
|
|
it('should render avatar network inside the PickerNetwork with custom props', () => {
|
|
const container = (
|
|
<PickerNetwork
|
|
data-testid="picker-network"
|
|
label="Imported"
|
|
avatarNetworkProps={{
|
|
name: 'matic network',
|
|
}}
|
|
/>
|
|
);
|
|
|
|
expect(container.props.avatarNetworkProps.name).toStrictEqual(
|
|
'matic network',
|
|
);
|
|
});
|
|
it('should render down arrow icon inside the PickerNetwork with custom props', () => {
|
|
const container = (
|
|
<PickerNetwork
|
|
data-testid="picker-network"
|
|
label="Imported"
|
|
iconProps={{
|
|
name: 'down-arrow-picker-icon',
|
|
}}
|
|
/>
|
|
);
|
|
|
|
expect(container.props.iconProps.name).toStrictEqual(
|
|
'down-arrow-picker-icon',
|
|
);
|
|
});
|
|
});
|