jest → vitest (#4657)

Author: fiskus

catalog/CHANGELOG.md

@@ -18,6 +18,7 @@ where verb is one of
 
 ## Changes
 
+- [Changed] Migrate test framework from Jest to Vitest with improved performance ([#4657](https://github.com/quiltdata/quilt/pull/4657))
 - [Changed] Add `crc64Checksums` config property indicating CRC64/NVMe checksums are enabled ([#4632](https://github.com/quiltdata/quilt/pull/4632))
 - [Changed] Remove outdated `chunkedChecksums` config property, and remove related dead code ([#4632](https://github.com/quiltdata/quilt/pull/4632))
 - [Fixed] Prevent package download form from being prematurely removed from DOM ([#4634](https://github.com/quiltdata/quilt/pull/4634))

catalog/app/components/Assistant/Model/GlobalContext/__snapshots__/navigation.spec.ts.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`components/Assistant/Model/GlobalTools/navigation NavigateSchema produced JSON Schema should match the snapshot 1`] = `
+exports[`components/Assistant/Model/GlobalTools/navigation > NavigateSchema > produced JSON Schema > should match the snapshot 1`] = `
 {
   "$defs": {
     "BooleanPredicateState": {

catalog/app/components/Assistant/Model/GlobalContext/navigation.spec.ts

@@ -1,13 +1,11 @@
 import * as Eff from 'effect'
+import { describe, it, expect, vi } from 'vitest'
 
 import { makeJSONSchema } from '../Tool'
 
 import * as nav from './navigation'
 
-jest.mock(
-  'constants/config',
-  jest.fn(() => ({})),
-)
+vi.mock('constants/config', () => ({ default: {} }))
 
 describe('components/Assistant/Model/GlobalTools/navigation', () => {
   describe('NavigateSchema', () => {

catalog/app/components/BreadCrumbs/BreadCrumbs.spec.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import { MemoryRouter } from 'react-router-dom'
+import { describe, it, expect } from 'vitest'
 
 import * as BreadCrumbs from './'
 

catalog/app/components/BreadCrumbs/__snapshots__/BreadCrumbs.spec.tsx.snap

@@ -1,20 +1,20 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`components/BreadCrumbs Segment should render EMPTY 1`] = `
+exports[`components/BreadCrumbs > Segment > should render EMPTY 1`] = `
 <div>
   <i>
     &lt;EMPTY&gt;
   </i>
 </div>
 `;
 
-exports[`components/BreadCrumbs Segment should render label 1`] = `
+exports[`components/BreadCrumbs > Segment > should render label 1`] = `
 <div>
   Lorem ipsum
 </div>
 `;
 
-exports[`components/BreadCrumbs Segment should render link 1`] = `
+exports[`components/BreadCrumbs > Segment > should render link 1`] = `
 <div>
   <a
     class="makeStyles-root-1"
@@ -25,7 +25,7 @@ exports[`components/BreadCrumbs Segment should render link 1`] = `
 </div>
 `;
 
-exports[`components/BreadCrumbs render and end with separator 1`] = `
+exports[`components/BreadCrumbs > render > and end with separator 1`] = `
 <div>
   <a
     class="makeStyles-root-5"
@@ -51,7 +51,7 @@ exports[`components/BreadCrumbs render and end with separator 1`] = `
 </div>
 `;
 
-exports[`components/BreadCrumbs render and make links for every crumb 1`] = `
+exports[`components/BreadCrumbs > render > and make links for every crumb 1`] = `
 <div>
   <a
     class="makeStyles-root-4"
@@ -76,7 +76,7 @@ exports[`components/BreadCrumbs render and make links for every crumb 1`] = `
 </div>
 `;
 
-exports[`components/BreadCrumbs render and transform links 1`] = `
+exports[`components/BreadCrumbs > render > and transform links 1`] = `
 <div>
   <a
     class="makeStyles-root-3"
@@ -96,7 +96,7 @@ exports[`components/BreadCrumbs render and transform links 1`] = `
 </div>
 `;
 
-exports[`components/BreadCrumbs render basic breadcrumbs 1`] = `
+exports[`components/BreadCrumbs > render > basic breadcrumbs 1`] = `
 <div>
   <a
     class="makeStyles-root-2"
@@ -130,7 +130,7 @@ exports[`components/BreadCrumbs render basic breadcrumbs 1`] = `
 </div>
 `;
 
-exports[`components/BreadCrumbs render without root label 1`] = `
+exports[`components/BreadCrumbs > render > without root label 1`] = `
 <div>
   <a
     class="makeStyles-root-6"

catalog/app/components/BucketIcon/BucketIcon.spec.tsx

@@ -1,5 +1,8 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+vi.mock('./bucket.svg', () => ({ default: 'IMAGE_MOCK' }))
 
 import BucketIcon from './'
 

catalog/app/components/BucketIcon/__snapshots__/BucketIcon.spec.tsx.snap

@@ -1,38 +1,38 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`components/BucketIcon class names should apply \`\` className if src is set 1`] = `
+exports[`components/BucketIcon > class names > should apply \`\` className if src is set 1`] = `
 <img
   alt="Custom className"
   class="makeStyles-root-4 C A"
   src="https://custom-src"
 />
 `;
 
-exports[`components/BucketIcon class names should apply \`stub\` className if no src 1`] = `
+exports[`components/BucketIcon > class names > should apply \`stub\` className if no src 1`] = `
 <img
   alt="Stub className"
   class="makeStyles-root-5 S A"
   src="IMAGE_MOCK"
 />
 `;
 
-exports[`components/BucketIcon class names should apply className 1`] = `
+exports[`components/BucketIcon > class names > should apply className 1`] = `
 <img
   alt="Set className"
   class="makeStyles-root-3 A"
   src="https://custom-src"
 />
 `;
 
-exports[`components/BucketIcon should render custom src 1`] = `
+exports[`components/BucketIcon > should render custom src 1`] = `
 <img
   alt="Custom src"
   class="makeStyles-root-2"
   src="https://custom-src"
 />
 `;
 
-exports[`components/BucketIcon should render default when no src 1`] = `
+exports[`components/BucketIcon > should render default when no src 1`] = `
 <img
   alt="No src"
   class="makeStyles-root-1"

catalog/app/components/Buttons/Iconized.spec.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import * as Icons from '@material-ui/icons'
+import { describe, it, expect } from 'vitest'
 
 import * as Buttons from './'
 

catalog/app/components/Buttons/Skeleton.spec.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
+import { describe, it, expect } from 'vitest'
 
 import * as Buttons from './'
 

catalog/app/components/Buttons/WithPopover.spec.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { render, fireEvent, screen } from '@testing-library/react'
 import * as Icons from '@material-ui/icons'
+import { describe, it, expect } from 'vitest'
 
 import WithPopover from './WithPopover'