docbrown/app/javascript/chat/__tests__/settingsForm.test.jsx

import { h } from 'preact';
import { render } from '@testing-library/preact';
import { axe } from 'jest-axe';
import SettingsForm from '../ChatChannelSettings/SettingsForm';

const data = {
  channelDescription: 'some description test',
  channelDiscoverable: true,
};

const getSettingsForm = (channelDetails) => {
  return (
    <SettingsForm
      showGlobalBadgeNotification={channelDetails.showGlobalBadgeNotification}
    />
  );
};

describe('<SettingsForm />', () => {
  it('should have no a11y violations', async () => {
    const { container } = render(getSettingsForm(data));
    const results = await axe(container);

    expect(results).toHaveNoViolations();
  });

  it('should render the the component', () => {
    const { getByText, getByLabelText } = render(getSettingsForm(data));

    // title
    getByText('Channel Settings');

    // description of channel
    getByLabelText('Description');

    // whether or not the channel is discoverable
    getByLabelText('Channel Discoverable');

    // submit buttton
    getByText('Submit');
  });
});