Skip to content

Commit e76ac72

Browse files
hasparushasparus
authored
Merge pull request #1906 from system-ui/dependabot/npm_and_yarn/babel-jest-27.1.0
chore(deps-dev): bump babel-jest from 26.6.3 to 27.1.0
2 parents 624de80 + b5604b0 commit e76ac72

File tree

31 files changed

+1085
-807
lines changed

31 files changed

+1085
-807
lines changed

‎jest-preprocess.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
module.exports = require('babel-jest').createTransformer({
1+
module.exports = require('babel-jest').default.createTransformer({
22
presets: ['babel-preset-gatsby'],
33
})

‎package.json‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -44,19 +44,19 @@
4444
"@codechecks/client": "0.1.10-beta",
4545
"@emotion/jest": "^11.3.0",
4646
"@preconstruct/cli": "^2",
47-
"@testing-library/react": "^11.2.6",
47+
"@testing-library/react": "^12.0.0",
4848
"@types/jest": "^27.0.1",
4949
"@types/node": "^16.4.10",
5050
"@types/react-dom": "^17.0.8",
5151
"@types/react-test-renderer": "^17.0.1",
5252
"@typescript-eslint/eslint-plugin": "^4.22.1",
5353
"@typescript-eslint/parser": "^4.22.1",
5454
"auto": "^10.25.0",
55-
"babel-jest": "^26.6.3",
55+
"babel-jest": "^27.1.1",
5656
"babel-preset-gatsby": "^1.8.0",
5757
"egzek": "^1.2.0",
5858
"husky": ">=6.0.0",
59-
"jest": "^26.6.3",
59+
"jest": "^27.1.1",
6060
"jest-canvas-mock": "^2.3.1",
6161
"jest-mock-console": "^1.0.1",
6262
"lerna": "^4.0.0",
@@ -66,7 +66,7 @@
6666
"prettier": "^2.2.1",
6767
"react-test-renderer": "^17.0.2",
6868
"rimraf": "^3.0.2",
69-
"ts-jest": "^26.5.5",
69+
"ts-jest": "^27.0.5",
7070
"ts-toolbelt": "^9.6.0",
7171
"typecov": "^0.2.3",
7272
"typescript": "^4"
@@ -83,5 +83,6 @@
8383
"!packages/e2e"
8484
]
8585
},
86-
"name": "@theme-ui/monorepo"
86+
"name": "@theme-ui/monorepo",
87+
"dependencies": {}
8788
}

‎packages/color-modes/test/index.tsx‎

Lines changed: 46 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
1-
/** @jsx jsx */
1+
/**
2+
* @jsx jsx
3+
* @jest-environment jsdom
4+
*/
25
import renderer from 'react-test-renderer'
36
import { render, fireEvent, cleanup, act } from '@testing-library/react'
47
import { useTheme } from '@emotion/react'
@@ -45,7 +48,8 @@ test('renders with color modes', () => {
4548
},
4649
},
4750
},
48-
}}>
51+
}}
52+
>
4953
<ColorModeProvider>
5054
<Mode />
5155
</ColorModeProvider>
@@ -74,7 +78,8 @@ test('renders with initial color mode name', () => {
7478
dark: {},
7579
},
7680
},
77-
}}>
81+
}}
82+
>
7883
<ColorModeProvider>
7984
<Mode />
8085
</ColorModeProvider>
@@ -141,7 +146,8 @@ test('color mode is passed through theme context', () => {
141146
},
142147
},
143148
},
144-
}}>
149+
}}
150+
>
145151
<ColorModeProvider>
146152
<Button />
147153
</ColorModeProvider>
@@ -173,7 +179,8 @@ test('converts color modes to css custom properties', () => {
173179
},
174180
},
175181
},
176-
}}>
182+
}}
183+
>
177184
<ColorModeProvider>
178185
<Box />
179186
</ColorModeProvider>
@@ -237,7 +244,8 @@ test('does not initialize mode based on localStorage if useLocalStorage is set t
237244
config: {
238245
useLocalStorage: false,
239246
},
240-
}}>
247+
}}
248+
>
241249
<ColorModeProvider>
242250
<Button />
243251
</ColorModeProvider>
@@ -283,7 +291,8 @@ test('initializes mode from prefers-color-scheme media query', () => {
283291
config: {
284292
useColorSchemeMediaQuery: true,
285293
},
286-
}}>
294+
}}
295+
>
287296
<ColorModeProvider>
288297
<Consumer />
289298
</ColorModeProvider>
@@ -311,7 +320,8 @@ test('initializes light mode from prefers-color-scheme media query', () => {
311320
config: {
312321
useColorSchemeMediaQuery: true,
313322
},
314-
}}>
323+
}}
324+
>
315325
<ColorModeProvider>
316326
<Consumer />
317327
</ColorModeProvider>
@@ -339,7 +349,8 @@ test('does not initialize mode from prefers-color-scheme media query', () => {
339349
config: {
340350
useColorSchemeMediaQuery: true,
341351
},
342-
}}>
352+
}}
353+
>
343354
<ColorModeProvider>
344355
<Consumer />
345356
</ColorModeProvider>
@@ -367,7 +378,8 @@ test('does not initialize mode from prefers-color-scheme media query when useCol
367378
config: {
368379
useColorSchemeMediaQuery: false,
369380
},
370-
}}>
381+
}}
382+
>
371383
<ColorModeProvider>
372384
<Consumer />
373385
</ColorModeProvider>
@@ -393,7 +405,8 @@ test('ColorModeProvider renders with global colors', () => {
393405
},
394406
},
395407
},
396-
}}>
408+
}}
409+
>
397410
<ColorModeProvider>
398411
<h1>Hello</h1>
399412
</ColorModeProvider>
@@ -443,7 +456,8 @@ test('useThemeUI returns current color mode colors', () => {
443456
},
444457
},
445458
},
446-
}}>
459+
}}
460+
>
447461
<ColorModeProvider>
448462
<GetColors />
449463
</ColorModeProvider>
@@ -480,7 +494,8 @@ test('emotion useTheme with custom css vars', () => {
480494
},
481495
},
482496
},
483-
}}>
497+
}}
498+
>
484499
<ColorModeProvider>
485500
<GetColors />
486501
</ColorModeProvider>
@@ -517,7 +532,8 @@ test('warns when initialColorModeName matches a key in theme.colors.modes', () =
517532
},
518533
},
519534
},
520-
}}>
535+
}}
536+
>
521537
<ColorModeProvider />
522538
</ThemeProvider>
523539
)
@@ -545,7 +561,8 @@ test('does not warn in production', () => {
545561
},
546562
},
547563
},
548-
}}>
564+
}}
565+
>
549566
<ColorModeProvider />
550567
</ThemeProvider>
551568
)
@@ -587,7 +604,8 @@ test('dot notation works with color modes', () => {
587604
},
588605
},
589606
},
590-
}}>
607+
}}
608+
>
591609
<ColorModeProvider>
592610
<Button />
593611
</ColorModeProvider>
@@ -628,7 +646,8 @@ test('dot notation works with color modes and custom properties', () => {
628646
},
629647
},
630648
},
631-
}}>
649+
}}
650+
>
632651
<ColorModeProvider>
633652
<Button />
634653
</ColorModeProvider>
@@ -660,7 +679,8 @@ test('raw color values are passed to theme-ui context when custom properties are
660679
},
661680
},
662681
},
663-
}}>
682+
}}
683+
>
664684
<ColorModeProvider>
665685
<Grabber />
666686
</ColorModeProvider>
@@ -688,7 +708,8 @@ test('raw color modes are passed to theme-ui context and include the default col
688708
},
689709
},
690710
},
691-
}}>
711+
}}
712+
>
692713
<ColorModeProvider>
693714
<Grabber />
694715
</ColorModeProvider>
@@ -729,7 +750,8 @@ test('raw color modes are passed to theme-ui context and include the default col
729750
},
730751
},
731752
},
732-
}}>
753+
}}
754+
>
733755
<ColorModeProvider>
734756
<Grabber />
735757
<SetDarkColorMode />
@@ -772,7 +794,8 @@ test('raw color modes are are not passed to theme-ui context if modes are not de
772794
colors: {
773795
primary: 'tomato',
774796
},
775-
}}>
797+
}}
798+
>
776799
<ColorModeProvider>
777800
<Grabber />
778801
</ColorModeProvider>
@@ -828,7 +851,8 @@ test('colorMode accepts function from previous state to new one', () => {
828851
(colorModes.indexOf(previous) + 1) % colorModes.length
829852
]
830853
})
831-
}}>
854+
}}
855+
>
832856
next color mode
833857
</button>
834858
)

‎packages/color/test/index.tsx‎

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
1-
/** @jsx jsx */
1+
/**
2+
* @jest-environment jsdom
3+
* @jsx jsx
4+
*/
25

36
import { jsx } from '@theme-ui/core'
47
import { Theme, ThemeUICSSObject } from '@theme-ui/css'
@@ -266,7 +269,8 @@ describe('colors inside ThemeProvider', () => {
266269
light: 'skyblue',
267270
},
268271
},
269-
}}>
272+
}}
273+
>
270274
<button sx={{ color: darken('primary', 0.1) }}>Click me</button>
271275
</ThemeProvider>
272276
)
@@ -297,7 +301,8 @@ describe('colors inside ThemeProvider', () => {
297301
0.1
298302
)(theme)
299303
},
300-
}}>
304+
}}
305+
>
301306
Click me
302307
</button>
303308
</ThemeProvider>
@@ -323,14 +328,16 @@ describe('colors inside ThemeProvider', () => {
323328
<button
324329
sx={{
325330
color: (theme) => lighten(theme.rawColors?.blue, 0.1)(theme),
326-
}}>
331+
}}
332+
>
327333
Click me
328334
</button>
329335
<p
330336
sx={{
331337
color: (theme) =>
332338
lighten((theme as MyTheme).rawColors.blue.__default, 0.1)(theme),
333-
}}>
339+
}}
340+
>
334341
Hello
335342
</p>
336343
</ThemeProvider>

‎packages/components/test/index.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
/**
2+
* @jest-environment jsdom
3+
*/
4+
15
import React from 'react'
26
import { renderJSON } from '@theme-ui/test-utils'
37
import { matchers } from '@emotion/jest'

‎packages/core/test/index.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
/** @jest-environment jsdom */
2+
13
import React from 'react'
24
import { cleanup } from '@testing-library/react'
35
import { renderJSON } from '@theme-ui/test-utils'
@@ -34,7 +36,8 @@ describe('ThemeProvider', () => {
3436
value={{
3537
__EMOTION_VERSION__: '9.0.0',
3638
theme: {},
37-
}}>
39+
}}
40+
>
3841
<ThemeProvider theme={{}}>Conflicting versions</ThemeProvider>
3942
</__ThemeUIContext.Provider>
4043
)
@@ -349,7 +352,8 @@ describe('useThemeUI', () => {
349352
colors: {
350353
text: 'tomato',
351354
},
352-
}}>
355+
}}
356+
>
353357
<GetContext />
354358
</ThemeProvider>
355359
)

‎packages/core/test/jsx-dev-runtime.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
/**
2+
* @jest-environment jsdom
3+
*/
4+
15
import { screen, render } from '@testing-library/react'
26
import { matchers } from '@emotion/jest'
37

‎packages/core/test/jsx-runtime.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
/**
2+
* @jest-environment jsdom
3+
*/
4+
15
import { screen, render } from '@testing-library/react'
26
import { matchers } from '@emotion/jest'
37

‎packages/core/test/react-jsx.tsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
1+
/**
2+
* @jest-environment jsdom
3+
* @jsx jsx
4+
*/
15
/* eslint-disable no-lone-blocks */
2-
3-
/** @jsx jsx */
46
import { renderJSON, NotHas, Assert, expecter } from '@theme-ui/test-utils'
57

68
import { jsx, SxProp, ThemeUIJSX } from '../src'
@@ -15,7 +17,8 @@ describe('JSX', () => {
1517
mt: 10,
1618
px: 2,
1719
scrollPaddingY: 2,
18-
}}>
20+
}}
21+
>
1922
<input
2023
onChange={(e) => console.log(e.target.value)}
2124
sx={{

0 commit comments

Comments
 (0)