1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/components/component-library/picker-network/picker-network.test.js
Nidhi Kumari ce9af8aac3
Added Picker Network Component (#16340)
* 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
2022-11-09 16:31:51 -08:00

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',
);
});
});