add tests for AboutDialog

src/about/AboutDialog.test.tsx

@@ -0,0 +1,64 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2021 The Pybricks Authors
+
+import { I18nContext, I18nManager } from '@shopify/react-i18n';
+import {
+    getByLabelText,
+    render,
+    screen,
+    waitForElementToBeRemoved,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { Provider } from 'react-redux';
+import { createStore } from 'redux';
+import { rootReducer } from '../reducers';
+import AboutDialog from './AboutDialog';
+
+it('should close when the button is clicked', () => {
+    const store = createStore(rootReducer);
+    const i18n = new I18nManager({ locale: 'en' });
+    const close = jest.fn();
+    render(
+        <Provider store={store}>
+            <I18nContext.Provider value={i18n}>
+                <AboutDialog isOpen={true} onClose={() => close()} />
+            </I18nContext.Provider>
+        </Provider>,
+    );
+
+    userEvent.click(screen.getByLabelText('Close'));
+
+    expect(close).toHaveBeenCalled();
+});
+
+it('should manage license dialog open/close', async () => {
+    const store = createStore(rootReducer);
+    const i18n = new I18nManager({ locale: 'en' });
+    render(
+        <Provider store={store}>
+            <I18nContext.Provider value={i18n}>
+                <AboutDialog isOpen={true} onClose={() => undefined} />
+            </I18nContext.Provider>
+        </Provider>,
+    );
+
+    userEvent.click(screen.getByText('Open Source Licenses'));
+
+    expect(
+        screen.getByText('Pybricks Code is built on open source software.', {
+            exact: false,
+        }),
+    ).toBeInTheDocument();
+
+    const licenseDialog = document.querySelector(
+        '.pb-license-dialog',
+    ) as HTMLDivElement;
+    userEvent.click(getByLabelText(licenseDialog, 'Close'));
+
+    await waitForElementToBeRemoved(() =>
+        screen.queryByText('Pybricks Code is built on open source software.', {
+            exact: false,
+        }),
+    );
+});