mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
f829f0069d
* Add support for snap authorship component at the top of PermissionConnect * Add PermissionCellOptions * Add details popover * Add action for revoking dynamic permissions * Improve UI and revoke logic * Better eth_accounts screen support * Fix tests * Fix lint * More linting fixes * Fix missing fence * Add another fence * Unnest permission page to fix weird CSS issues * Hide footer on permissions connect when using a snap
73 lines
2.4 KiB
JavaScript
73 lines
2.4 KiB
JavaScript
import React from 'react';
|
|
import { screen } from '@testing-library/react';
|
|
import { renderWithProvider } from '../../../../test/jest';
|
|
import PermissionCell from './permission-cell';
|
|
|
|
describe('Permission Cell', () => {
|
|
const mockPermissionData = {
|
|
label: 'Access the Ethereum provider.',
|
|
description:
|
|
'Allow the snap to communicate with MetaMask direct…blockchain and suggest messages and transactions.',
|
|
weight: 1,
|
|
leftIcon: 'ethereum',
|
|
permissionValue: {
|
|
date: 1680185432326,
|
|
},
|
|
permissionName: 'ethereum-provider',
|
|
};
|
|
|
|
it('renders approved permission cell', () => {
|
|
renderWithProvider(
|
|
<PermissionCell
|
|
permissionName={mockPermissionData.permissionName}
|
|
title={mockPermissionData.label}
|
|
description={mockPermissionData.description}
|
|
weight={mockPermissionData.weight}
|
|
avatarIcon={mockPermissionData.leftIcon}
|
|
dateApproved={mockPermissionData?.permissionValue?.date}
|
|
key={`${mockPermissionData.permissionName}-${1}`}
|
|
/>,
|
|
);
|
|
expect(
|
|
screen.getByText('Access the Ethereum provider.'),
|
|
).toBeInTheDocument();
|
|
expect(screen.getByText('Approved on 2023-03-30')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders revoked permission cell', () => {
|
|
renderWithProvider(
|
|
<PermissionCell
|
|
permissionName={mockPermissionData.permissionName}
|
|
title={mockPermissionData.label}
|
|
description={mockPermissionData.description}
|
|
weight={mockPermissionData.weight}
|
|
avatarIcon={mockPermissionData.leftIcon}
|
|
dateApproved={mockPermissionData?.permissionValue?.date}
|
|
key={`${mockPermissionData.permissionName}-${1}`}
|
|
revoked
|
|
/>,
|
|
);
|
|
expect(
|
|
screen.getByText('Access the Ethereum provider.'),
|
|
).toBeInTheDocument();
|
|
expect(screen.getByText('Revoked in this update')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders requested permission cell', () => {
|
|
renderWithProvider(
|
|
<PermissionCell
|
|
permissionName={mockPermissionData.permissionName}
|
|
title={mockPermissionData.label}
|
|
description={mockPermissionData.description}
|
|
weight={mockPermissionData.weight}
|
|
avatarIcon={mockPermissionData.leftIcon}
|
|
key={`${mockPermissionData.permissionName}-${1}`}
|
|
/>,
|
|
);
|
|
expect(
|
|
screen.getByText('Access the Ethereum provider.'),
|
|
).toBeInTheDocument();
|
|
expect(screen.getByText('Requested now')).toBeInTheDocument();
|
|
});
|
|
});
|