67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
|
|
import { buildAccount } from 'soapbox/jest/factory';
|
|
|
|
import { render, screen } from '../../jest/test-helpers';
|
|
import Account from '../account';
|
|
|
|
describe('<Account />', () => {
|
|
it('renders account name and username', () => {
|
|
const account = buildAccount({
|
|
id: '1',
|
|
acct: 'justin-username',
|
|
display_name: 'Justin L',
|
|
avatar: 'test.jpg',
|
|
});
|
|
|
|
const store = {
|
|
accounts: {
|
|
'1': account,
|
|
},
|
|
};
|
|
|
|
render(<Account account={account} />, undefined, store);
|
|
expect(screen.getByTestId('account')).toHaveTextContent('Justin L');
|
|
expect(screen.getByTestId('account')).toHaveTextContent(/justin-username/i);
|
|
});
|
|
|
|
describe('verification badge', () => {
|
|
it('renders verification badge', () => {
|
|
const account = buildAccount({
|
|
id: '1',
|
|
acct: 'justin-username',
|
|
display_name: 'Justin L',
|
|
avatar: 'test.jpg',
|
|
verified: true,
|
|
});
|
|
|
|
const store = {
|
|
accounts: {
|
|
'1': account,
|
|
},
|
|
};
|
|
|
|
render(<Account account={account} />, undefined, store);
|
|
expect(screen.getByTestId('verified-badge')).toBeInTheDocument();
|
|
});
|
|
|
|
it('does not render verification badge', () => {
|
|
const account = buildAccount({
|
|
id: '1',
|
|
acct: 'justin-username',
|
|
display_name: 'Justin L',
|
|
avatar: 'test.jpg',
|
|
verified: false,
|
|
});
|
|
|
|
const store = {
|
|
accounts: {
|
|
'1': account,
|
|
},
|
|
};
|
|
|
|
render(<Account account={account} />, undefined, store);
|
|
expect(screen.queryAllByTestId('verified-badge')).toHaveLength(0);
|
|
});
|
|
});
|
|
});
|