Untuck tests out of __tests__ directories, colocate with program files

src/features/ui/components/compose-button.test.tsx

@@ -0,0 +1,40 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import { Provider } from 'react-redux';
+import { MemoryRouter } from 'react-router-dom';
+
+import { MODAL_CLOSE, MODAL_OPEN } from 'soapbox/actions/modals';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers';
+
+import ComposeButton from './compose-button';
+
+const store = mockStore(rootState);
+const renderComposeButton = () => {
+  render(
+    <Provider store={store}>
+      <IntlProvider locale='en'>
+        <MemoryRouter>
+          <ComposeButton />
+        </MemoryRouter>
+      </IntlProvider>
+    </Provider>,
+  );
+};
+
+describe('<ComposeButton />', () => {
+  it('renders a button element', () => {
+    renderComposeButton();
+
+    expect(screen.getByRole('button')).toHaveTextContent('Compose');
+  });
+
+  it('dispatches the MODAL_OPEN action', () => {
+    renderComposeButton();
+
+    expect(store.getActions().length).toEqual(0);
+    fireEvent.click(screen.getByRole('button'));
+    expect(store.getActions()[0].type).toEqual(MODAL_CLOSE);
+    expect(store.getActions()[1].type).toEqual(MODAL_OPEN);
+  });
+});