soapbox/app/soapbox/components/__tests__/display-name.test.tsx

import React from 'react';

import { normalizeAccount } from 'soapbox/normalizers';

import { render, screen } from '../../jest/test-helpers';
import DisplayName from '../display-name';

import type { ReducerAccount } from 'soapbox/reducers/accounts';

describe('<DisplayName />', () => {
  it('renders display name + account name', () => {
    const account = normalizeAccount({ acct: 'bar@baz' }) as ReducerAccount;
    render(<DisplayName account={account} />);

    expect(screen.getByTestId('display-name')).toHaveTextContent('bar@baz');
  });
});