Remove testing-library__dom

Author: abraham

jest.config.ts

@@ -12,7 +12,6 @@ const ES_MODULE_DEPENDENCIES = [
   'firebase',
   'lit',
   'pwa-helpers',
-  'testing-library__dom',
 ].join('|');
 
 const config: InitialOptionsTsJest = {

package-lock.json

@@ -112,7 +112,6 @@
     "stylelint": "^14.14.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^29.0.0",
-    "testing-library__dom": "^7.29.4-beta.1",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "typescript": "^4.8.4"

package.json

@@ -1,9 +1,7 @@
 import { beforeEach, describe, it, jest } from '@jest/globals';
-import { within } from '@testing-library/dom';
+import { fireEvent, screen, within } from '@testing-library/dom';
 import { mocked } from 'jest-mock';
 import { html } from 'lit';
-// TODO: Switch back to standard @testing-library/dom https://github.com/testing-library/dom-testing-library/issues/413
-import { fireEvent, screen } from 'testing-library__dom';
 import { fixture } from '../../__tests__/helpers/fixtures';
 import { openVideoDialog } from '../store/ui/actions';
 import { aboutBlock } from '../utils/data';
@@ -23,14 +21,16 @@ describe('about-block', () => {
   });
 
   it('renders details', async () => {
-    await fixture(html`<about-block></about-block>`);
-
-    expect(screen.getByText(aboutBlock.title)).toBeInTheDocument();
-    expect(
-      screen.getByText(aboutBlock.callToAction.featuredSessions.description)
-    ).toBeInTheDocument();
-    expect(screen.getByText(aboutBlock.statisticsBlock.attendees.number)).toBeInTheDocument();
-    expect(screen.getByText(aboutBlock.statisticsBlock.attendees.label)).toBeInTheDocument();
+    const { shadowRootForWithin } = await fixture(
+      html`<about-block data-testid="block"></about-block>`
+    );
+    const { getByText } = within(shadowRootForWithin);
+
+    expect(screen.getByTestId('block')).toBeInTheDocument();
+    expect(getByText(aboutBlock.title)).toBeInTheDocument();
+    expect(getByText(aboutBlock.callToAction.featuredSessions.description)).toBeInTheDocument();
+    expect(getByText(aboutBlock.statisticsBlock.attendees.number)).toBeInTheDocument();
+    expect(getByText(aboutBlock.statisticsBlock.attendees.label)).toBeInTheDocument();
   });
 
   it('plays the video', async () => {