mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-30 16:18:07 +01:00
fbbdaf04ed
* Swaps: Show a network name dynamically in a tooltip * Replace “Ethereum” with “$1”, change “Test” to “Testnet” * Replace 이더리움 with $1 * Translate network names, use ‘Ethereum’ by default if a translation is not available yet * Reorder messages to resolve ESLint issues * Add a snapshot test for the FeeCard component, increase Jest threshold * Enable snapshot testing into external .snap files in ESLint * Add the “networkNameEthereum” key in ko/messages.json, remove default “Ethereum” value * Throw an error if chain ID is not supported by the Swaps feature * Use string literals when calling the `t` fn, * Watch Jest tests silently (no React warnings in terminal, only errors) * Add @testing-library/jest-dom, import it before running Jest tests * Add snapshot testing of Swaps’ React components for happy paths, increase minimum threshold for Jest * Add the test/jest folder for Jest setup and shared functions, use it in Swaps Jest tests * Fix ESLint issues, update linting config * Enable ESLint for .snap files (Jest snapshots), throw an error if a snapshot is bigger than 50 lines * Don’t run lint:fix for .snap files * Move `createProps` outside of `describe` blocks, move store creation inside tests * Use translations instead of keys, update a rendering function to load translations * Make sure all Jest snapshots are shorter than 50 lines (default limit) * Add / update props for Swaps tests * Fix React warnings when running tests for Swaps
61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
|
|
import { renderWithProvider } from '../../../../../test/jest';
|
|
import SearchableItemList from '.';
|
|
|
|
const createProps = (customProps = {}) => {
|
|
return {
|
|
defaultToAll: true,
|
|
listTitle: 'listTitle',
|
|
itemsToSearch: [
|
|
{
|
|
iconUrl: 'iconUrl',
|
|
selected: true,
|
|
primaryLabel: 'primaryLabel',
|
|
secondaryLabel: 'secondaryLabel',
|
|
rightPrimaryLabel: 'rightPrimaryLabel',
|
|
rightSecondaryLabel: 'rightSecondaryLabel',
|
|
},
|
|
],
|
|
fuseSearchKeys: [
|
|
{
|
|
name: 'name',
|
|
weight: 0.499,
|
|
},
|
|
{
|
|
name: 'symbol',
|
|
weight: 0.499,
|
|
},
|
|
{
|
|
name: 'address',
|
|
weight: 0.002,
|
|
},
|
|
],
|
|
...customProps,
|
|
};
|
|
};
|
|
|
|
describe('SearchableItemList', () => {
|
|
it('renders the component with initial props', () => {
|
|
const props = createProps();
|
|
const { getByText } = renderWithProvider(<SearchableItemList {...props} />);
|
|
expect(getByText(props.listTitle)).toBeInTheDocument();
|
|
expect(getByText(props.itemsToSearch[0].primaryLabel)).toBeInTheDocument();
|
|
expect(
|
|
getByText(props.itemsToSearch[0].secondaryLabel),
|
|
).toBeInTheDocument();
|
|
expect(
|
|
getByText(props.itemsToSearch[0].rightPrimaryLabel),
|
|
).toBeInTheDocument();
|
|
expect(
|
|
getByText(props.itemsToSearch[0].rightSecondaryLabel),
|
|
).toBeInTheDocument();
|
|
expect(
|
|
document.querySelector('.searchable-item-list__search'),
|
|
).toMatchSnapshot();
|
|
expect(
|
|
document.querySelector('.searchable-item-list__item'),
|
|
).toMatchSnapshot();
|
|
});
|
|
});
|