Skip to content

Commit c6a349c

Browse files
authored
docs: replace the TabItem values with general ones (#1394)
1 parent 27490f8 commit c6a349c

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

docs/react-testing-library/setup.mdx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@ make your test util file accessible without using relative paths.
3131
The example below sets up data providers using the [`wrapper`](api.mdx#wrapper)
3232
option to `render`.
3333

34-
<Tabs groupId="test-utils" defaultValue="jsx" values={[ {label: 'JavaScript',
35-
value: 'jsx'}, {label: 'TypeScript', value: 'tsx'}, ]}>
34+
<Tabs groupId="test-utils" defaultValue="js" values={[ {label: 'JavaScript',
35+
value: 'js'}, {label: 'TypeScript', value: 'ts'}, ]}>
3636

37-
<TabItem value="jsx">
37+
<TabItem value="js">
3838

3939
```diff title="my-component.test.jsx"
4040
- import { render, fireEvent } from '@testing-library/react';
@@ -70,7 +70,7 @@ export {customRender as render}
7070

7171
</TabItem>
7272

73-
<TabItem value="tsx">
73+
<TabItem value="ts">
7474

7575
```diff title="my-component.test.tsx"
7676
- import { render, fireEvent } from '@testing-library/react';
@@ -250,10 +250,10 @@ passing a [`queries`](api.mdx#render-options) option.
250250
If you want to add custom queries globally, you can do this by defining your
251251
customized `render`, `screen` and `within` methods:
252252

253-
<Tabs groupId="test-utils" defaultValue="jsx" values={[ {label: 'JavaScript',
254-
value: 'jsx'}, {label: 'TypeScript', value: 'tsx'}, ]}>
253+
<Tabs groupId="test-utils" defaultValue="js" values={[ {label: 'JavaScript',
254+
value: 'js'}, {label: 'TypeScript', value: 'ts'}, ]}>
255255

256-
<TabItem value="jsx">
256+
<TabItem value="js">
257257

258258
```js title="test-utils.js"
259259
import {render, queries, within} from '@testing-library/react'
@@ -278,7 +278,7 @@ export {customScreen as screen, customWithin as within, customRender as render}
278278

279279
</TabItem>
280280

281-
<TabItem value="tsx">
281+
<TabItem value="ts">
282282

283283
```ts title="test-utils.ts"
284284
import {render, queries, within, RenderOptions} from '@testing-library/react'

0 commit comments

Comments
 (0)