update all references from jest-dom/extend-expect to @testing-library/jest-dom/extend-expect

Author: Agentkma

docs/dom-testing-library/example-intro.md

@@ -17,7 +17,7 @@ import {
  wait,
 } from '@testing-library/dom'
 // adds special assertions like toHaveTextContent
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 function getExampleDOM() {
  // This is just a raw example of setting up some DOM

docs/example-reach-router.md

@@ -13,7 +13,7 @@ import {
  createMemorySource,
  LocationProvider,
 } from '@reach/router'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 const About = () => <div>You are on the about page</div>
 const Home = () => <div>You are home</div>

docs/example-react-context.md

@@ -6,7 +6,7 @@ title: React Context
 ```jsx
 import React from 'react'
 import { render, cleanup } from '@testing-library/react'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 import { NameContext, NameProvider, NameConsumer } from '../react-context'
 
 afterEach(cleanup)

docs/example-react-intl.md

@@ -38,7 +38,7 @@ A complete example:
 
 ```jsx
 import React from 'react'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 import { render, cleanup, getByTestId } from '@testing-library/react'
 import { IntlProvider, FormattedDate } from 'react-intl'
 import IntlPolyfill from 'intl'

docs/guide-disappearance.md

@@ -86,7 +86,7 @@ in the body of the document, or not. This can be more meaningful than asserting
 a query result is `null`.
 
 ```javascript
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 // use `queryBy` to avoid throwing an error with `getBy`
 const submitButton = queryByText(container, 'submit')
 expect(submitButton).not.toBeInTheDocument()

docs/marko-testing-library/api.md

@@ -32,7 +32,7 @@ render(MyTemplate)
 
 ```javascript
 import { render, cleanup } from '@marko/testing-library'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 import Greeting from './greeting.marko'
 
 afterEach(cleanup)

docs/react-testing-library/api.md

@@ -33,7 +33,7 @@ render(<div />)
 
 ```jsx
 import { render, cleanup } from '@testing-library/react'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 afterEach(cleanup)
 
 test('renders a message', () => {

docs/react-testing-library/example-intro.md

@@ -17,7 +17,7 @@ import {
  cleanup,
  waitForElement,
 } from '@testing-library/react'
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 import axiosMock from 'axios'
 import Fetch from '../fetch'
 
@@ -63,7 +63,7 @@ import {
 } from '@testing-library/react'
 
 // add custom jest matchers from jest-dom
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 // the axios mock is in __mocks__/
 // see https://jestjs.io/docs/en/manual-mocks

docs/react-testing-library/setup.md

@@ -61,7 +61,7 @@ module.exports = {
 // jest.setup.js
 
 // add some helpful assertions
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 
 // this is basically: afterEach(cleanup)
 import '@testing-library/react/cleanup-after-each'
@@ -96,7 +96,7 @@ import defaultStrings from 'i18n/en-x-default'
 
 const AllTheProviders = ({ children }) => {
  return (
- <ThemeProvider theme='light'>
+ <ThemeProvider theme="light">
  <TranslationProvider messages={defaultStrings}>
  {children}
  </TranslationProvider>

docs/vue-testing-library/faq.md

@@ -75,7 +75,7 @@ something like the following:
 expect(queryByText('submit')).toBeNull()
 
 // or, if using extend/expect:
-import 'jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect'
 expect(queryByText('submit')).not.toBeInTheDocument()
 ```