mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 15:35:46 +01:00
c677edc51d
* [Flask] disable "Mark all as read button" when there are no notifications * Adding test case * Addressing feedback
102 lines
2.5 KiB
JavaScript
102 lines
2.5 KiB
JavaScript
import React from 'react';
|
|
|
|
import { renderWithProvider } from '../../../test/lib/render-helpers';
|
|
import configureStore from '../../store/store';
|
|
import Notifications, { NotificationItem } from './notifications';
|
|
|
|
describe('Notifications', () => {
|
|
const render = (params) => {
|
|
const store = configureStore({
|
|
...params,
|
|
});
|
|
|
|
return renderWithProvider(<Notifications />, store);
|
|
};
|
|
|
|
it('can render a list of notifications', () => {
|
|
const mockStore = {
|
|
metamask: {
|
|
notifications: {
|
|
test: {
|
|
id: 'test',
|
|
origin: 'test',
|
|
createdDate: 1652967897732,
|
|
readDate: null,
|
|
message: 'foo',
|
|
},
|
|
test2: {
|
|
id: 'test2',
|
|
origin: 'test',
|
|
createdDate: 1652967897732,
|
|
readDate: null,
|
|
message: 'bar',
|
|
},
|
|
},
|
|
snaps: {
|
|
test: {
|
|
enabled: true,
|
|
id: 'test',
|
|
manifest: {
|
|
proposedName: 'Notification Example Snap',
|
|
description: 'A notification example snap.',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
const { getByText } = render(mockStore);
|
|
|
|
expect(
|
|
getByText(mockStore.metamask.notifications.test.message),
|
|
).toBeDefined();
|
|
|
|
expect(
|
|
getByText(mockStore.metamask.notifications.test2.message),
|
|
).toBeDefined();
|
|
});
|
|
|
|
it('can render an empty list of notifications', () => {
|
|
const mockStore = {
|
|
metamask: {
|
|
notifications: {},
|
|
snaps: {},
|
|
},
|
|
};
|
|
|
|
const { getByText, getByRole } = render(mockStore);
|
|
|
|
expect(getByText('Nothing to see here.')).toBeDefined();
|
|
expect(getByRole('button', { name: 'Mark all as read' })).toBeDisabled();
|
|
});
|
|
});
|
|
|
|
describe('NotificationItem', () => {
|
|
const render = (props) => renderWithProvider(<NotificationItem {...props} />);
|
|
it('can render notification item', () => {
|
|
const props = {
|
|
notification: {
|
|
id: 'test',
|
|
origin: 'test',
|
|
createdDate: 1652967897732,
|
|
readDate: null,
|
|
message: 'Hello, http://localhost:8086!',
|
|
},
|
|
snaps: [
|
|
{
|
|
id: 'test',
|
|
tabMessage: () => 'test snap name',
|
|
descriptionMessage: () => 'test description',
|
|
sectionMessage: () => 'test section Message',
|
|
route: '/test',
|
|
icon: 'test',
|
|
},
|
|
],
|
|
onItemClick: jest.fn(),
|
|
};
|
|
const { getByText } = render(props);
|
|
|
|
expect(getByText(props.notification.message)).toBeDefined();
|
|
});
|
|
});
|