@openneuro/app 4.12.5 → 4.13.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openneuro/app",
-  "version": "4.12.5",
+  "version": "4.13.0-alpha.0",
   "description": "React JS web frontend for the OpenNeuro platform.",
   "license": "MIT",
   "main": "public/client.js",
@@ -20,8 +20,8 @@
     "@emotion/react": "11.6.0",
     "@emotion/styled": "11.6.0",
     "@niivue/niivue": "0.23.1",
-    "@openneuro/client": "^4.12.5",
-    "@openneuro/components": "^4.12.5",
+    "@openneuro/client": "^4.13.0-alpha.0",
+    "@openneuro/components": "^4.13.0-alpha.0",
     "bids-validator": "1.9.9",
     "bytes": "^3.0.0",
     "comlink": "^4.0.5",
@@ -40,7 +40,7 @@
     "react-helmet": "6.1.0",
     "react-router-dom": "6.3.0",
     "react-toastify": "6.0.9",
-    "react-usestateref": "^1.0.5",
+    "react-usestateref": "^1.0.8",
     "react-virtualized": "remorses/react-virtualized-fixed-import.git#9.22.3",
     "semver": "^5.5.0",
     "subscriptions-transport-ws": "0.11.0",
@@ -58,51 +58,28 @@
     "@babel/preset-typescript": "^7.7.4",
     "@babel/runtime": "^7.6.3",
     "@babel/runtime-corejs3": "^7.13.10",
-    "@jest/globals": "^26.6.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
-    "@types/jest": "^26.0.22",
     "@types/jsdom": "^16",
-    "@types/node": "16.11.13",
+    "@types/node": "18.11.9",
     "@types/react": "^17.0.8",
     "@types/react-dom": "^17.0.5",
     "@types/react-router-dom": "5.3.3",
-    "@types/testing-library__jest-dom": "^5.14.0",
-    "babel-jest": "29.0.2",
+    "@types/testing-library__jest-dom": "5.14.5",
     "core-js": "3.25.1",
     "esbuild-plugin-globals": "^0.1.1",
     "history": "5.3.0",
-    "jest": "27.5.1",
-    "jest-fetch-mock": "^1.4.1",
     "jsdom": "^16.5.3",
     "object.fromentries": "^2.0.0",
     "rollup-plugin-polyfill-node": "^0.9.0",
     "sass": "^1.32.8",
     "stream-browserify": "^3.0.0",
     "typescript": "4.5.4",
-    "vite": "3.1.0"
-  },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "setupFilesAfterEnv": [
-      "./jestsetup.ts"
-    ],
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
-      "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js",
-      "^.+\\.(scss)$": "babel-jest",
-      "@openneuro/components/(.+)": "<rootDir>../openneuro-components/src/$1",
-      "@openneuro/(.+)": "<rootDir>../openneuro-$1/src"
-    },
-    "transformIgnorePatterns": [
-      "/node_modules/(?!bids-validator|@niivue/niivue).+\\.js$"
-    ],
-    "testPathIgnorePatterns": [
-      "dist"
-    ]
+    "vite": "3.2.3",
+    "vitest": "^0.25.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0c79489a3f2e040dc07966c888fe49aba5b1c4b4"
+  "gitHead": "fe4c230250d73e24a758a0bce058b23aa93d0aee"
 }

package/src/scripts/common/containers/__tests__/header.spec.tsx

@@ -1,22 +1,19 @@
+import { vi } from 'vitest'
 import React from 'react'
 import { MockAppShell } from '../../../__utils__/mock-app-shell'
 import { render, screen, fireEvent, waitFor } from '@testing-library/react'
 import { HeaderContainer } from '../header'
 
-jest.mock(
-  '../../../uploader/uploader-view.jsx',
-  () => () => 'mocked UploaderView',
-)
-
-const mockNavigate = jest.fn()
-
-jest.mock('react-router-dom', () => {
-  const reactRouterDom = jest.requireActual('react-router-dom')
-  return {
-    ...reactRouterDom,
-    useNavigate: () => mockNavigate,
-  }
-})
+const navigate = vi.fn()
+vi.mock('../../../config.ts')
+vi.mock('../../../uploader/uploader-view.jsx', () => ({
+  default: () => 'mocked UploaderView',
+}))
+vi.mock('react-router-dom', async () => ({
+  // @ts-ignore-check
+  ...(await vi.importActual('react-router-dom')),
+  useNavigate: () => navigate,
+}))
 
 describe('HeaderContainer component', () => {
   it('navigates prepopulated search when you use the home page search box', async () => {
@@ -26,7 +23,7 @@ describe('HeaderContainer component', () => {
     await fireEvent.change(searchbox, { target: { value: 'test argument' } })
     await fireEvent.click(button)
     await waitFor(() =>
-      expect(mockNavigate).toHaveBeenCalledWith(
+      expect(navigate).toHaveBeenCalledWith(
         '/search?query={"keywords":["test argument"]}',
       ),
     )

package/src/scripts/common/forms/__tests__/__snapshots__/warn-button.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`common/forms/WarnButton renders successfully 1`] = `
+exports[`common/forms/WarnButton > renders successfully 1`] = `
 <DocumentFragment>
   <span
     class=""
@@ -17,7 +17,7 @@ exports[`common/forms/WarnButton renders successfully 1`] = `
 </DocumentFragment>
 `;
 
-exports[`common/forms/WarnButton renders with warnings disable 1`] = `
+exports[`common/forms/WarnButton > renders with warnings disable 1`] = `
 <DocumentFragment>
   <span
     class=""

package/src/scripts/datalad/subscriptions/__tests__/__snapshots__/files-subscription.spec.jsx.snap

@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`FilesSubscription renders with common props 1`] = `<DocumentFragment />`;
+exports[`FilesSubscription > renders with common props 1`] = `<DocumentFragment />`;

package/src/scripts/dataset/__tests__/__snapshots__/snapshot-container.spec.tsx.snap

@@ -1,33 +1,33 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`SnapshotContainer component includes JSON-LD data in the header 1`] = `
-Object {
-  "baseTag": Array [],
-  "bodyAttributes": Object {},
+exports[`SnapshotContainer component > includes JSON-LD data in the header 1`] = `
+{
+  "baseTag": [],
+  "bodyAttributes": {},
   "defer": true,
   "encode": true,
-  "htmlAttributes": Object {},
-  "linkTags": Array [],
-  "metaTags": Array [],
-  "noscriptTags": Array [],
+  "htmlAttributes": {},
+  "linkTags": [],
+  "metaTags": [],
+  "noscriptTags": [],
   "onChangeClientState": [Function],
-  "scriptTags": Array [
-    Object {
+  "scriptTags": [
+    {
       "innerHTML": "{\\"@context\\":\\"http://schema.org\\",\\"@type\\":\\"Dataset\\",\\"name\\":\\"DS003-downsampled (only T1)\\",\\"author\\":[{\\"@type\\":\\"Person\\",\\"name\\":\\"J. Doe\\",\\"givenName\\":\\"J.\\",\\"familyName\\":\\"Doe\\"},{\\"@type\\":\\"Person\\",\\"name\\":\\"J. Doe\\",\\"givenName\\":\\"J.\\",\\"familyName\\":\\"Doe\\"},{\\"@type\\":\\"Person\\",\\"name\\":\\"J. Doe\\",\\"givenName\\":\\"J.\\",\\"familyName\\":\\"Doe\\"}],\\"datePublished\\":\\"2021-12-17T22:32:08.000Z\\",\\"dateModified\\":\\"2021-12-17T22:32:08.000Z\\",\\"license\\":\\"https://creativecommons.org/publicdomain/zero/1.0/\\",\\"publisher\\":{\\"@type\\":\\"Organization\\",\\"name\\":\\"OpenNeuro\\"},\\"description\\":\\"This dataset was obtained from the OpenfMRI project (http://www.openfmri.org).\\\\nAccession #: ds003\\\\nDescription: Rhyme judgment\\\\n\\\\nRelease history:\\\\n10/06/2011: initial release\\\\n3/21/2013: Updated release with QA information\\\\n\\\\nThis dataset is made available under the Public Domain Dedication and License \\\\nv1.0, whose full text can be found at \\\\nhttp://www.opendatacommons.org/licenses/pddl/1.0/. \\\\nWe hope that all users will follow the ODC Attribution/Share-Alike \\\\nCommunity Norms (http://www.opendatacommons.org/norms/odc-by-sa/); \\\\nin particular, while not legally required, we hope that all users \\\\nof the data will acknowledge the OpenfMRI project and NSF Grant \\\\nOCI-1131441 (R. Poldrack, PI) in any publications.\\\\n\\",\\"version\\":\\"1.0.0\\",\\"url\\":\\"https://openneuro.org/datasets/ds001032/versions/1.0.0\\"}",
       "type": "application/ld+json",
     },
   ],
-  "styleTags": Array [],
-  "title": Array [
+  "styleTags": [],
+  "title": [
     "DS003-downsampled (only T1)",
     " - ",
     "OpenNeuro",
   ],
-  "titleAttributes": Object {},
+  "titleAttributes": {},
 }
 `;
 
-exports[`SnapshotContainer component renders successfully 1`] = `
+exports[`SnapshotContainer component > renders successfully 1`] = `
 <DocumentFragment>
   <div
     class="dataset dataset-draft dataset-page dataset-page-mri"
@@ -1454,7 +1454,7 @@ OCI-1131441 (R. Poldrack, PI) in any publications.
             >
               Uploaded by
             </h2>
-            Test User on 2021-12-17 - 10 months ago
+            Test User on 2021-12-17 - 11 months ago
           </div>
           <div
             class="dataset-meta-block undefined"
@@ -1464,7 +1464,7 @@ OCI-1131441 (R. Poldrack, PI) in any publications.
             >
               Last Updated
             </h2>
-            2021-12-17 - 10 months ago
+            2021-12-17 - 11 months ago
           </div>
           <div
             class="dataset-meta-block undefined"

package/src/scripts/dataset/__tests__/snapshot-container.spec.tsx

@@ -5,6 +5,9 @@ import '@testing-library/jest-dom/extend-expect'
 import { SnapshotContainer } from '../snapshot-container'
 import { MockAppWrapper } from '../../fixtures/mock-app-wrapper'
 import { dataset, snapshot } from '../../fixtures/dataset-query'
+import { vi } from 'vitest'
+
+vi.mock('../../config.ts')
 
 const defProps = {
   dataset,

package/src/scripts/dataset/comments/__tests__/__snapshots__/comment.spec.jsx.snap

@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`Comment component renders with an empty comment 1`] = `
-Object {
+exports[`Comment component > renders with an empty comment 1`] = `
+{
   "asFragment": [Function],
   "baseElement": <body>
     <div>

package/src/scripts/dataset/comments/__tests__/__snapshots__/comments.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`Comments component recursively renders a tree of comments 1`] = `
+exports[`Comments component > recursively renders a tree of comments 1`] = `
 <DocumentFragment>
   <div
     class="dataset-comments"
@@ -15,7 +15,7 @@ exports[`Comments component recursively renders a tree of comments 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Comments component renders one top level comment 1`] = `
+exports[`Comments component > renders one top level comment 1`] = `
 <DocumentFragment>
   <div
     class="dataset-comments"

package/src/scripts/dataset/comments/__tests__/comment.spec.jsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react'
 import Comment from '../comment.jsx'
 import formatDistanceToNow from 'date-fns/formatDistanceToNow'
 
-jest.mock('date-fns/formatDistanceToNow')
+vi.mock('date-fns/formatDistanceToNow')
 
 const emptyState =
   '{"blocks":[{"key":"3sm42","text":"","type":"unstyled","depth":0,"inlineStyleRanges":[],"entityRanges":[],"data":{}}],"entityMap":{}}'

package/src/scripts/dataset/comments/__tests__/comments.spec.jsx

@@ -1,6 +1,9 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import Comments from '../comments.jsx'
+import { vi } from 'vitest'
+
+vi.mock('../../../config.ts')
 
 const emptyState =
   '{"blocks":[{"key":"3sm42","text":"","type":"unstyled","depth":0,"inlineStyleRanges":[],"entityRanges":[],"data":{}}],"entityMap":{}}'

package/src/scripts/dataset/download/__tests__/__snapshots__/download-command-line.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`dataset/download DownloadSampleCommand component renders successfully 1`] = `
+exports[`dataset/download > DownloadSampleCommand component > renders successfully 1`] = `
 <DocumentFragment>
   <pre
     class="css-xak41w"

package/src/scripts/dataset/download/__tests__/__snapshots__/download-link.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`dataset/download/DownloadLink renders successfully 1`] = `
+exports[`dataset/download/DownloadLink > renders successfully 1`] = `
 <DocumentFragment>
   <div
     class="download-link"

package/src/scripts/dataset/download/__tests__/__snapshots__/shell-example.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`dataset/download/ShellExample renders successfully 1`] = `
+exports[`dataset/download/ShellExample > renders successfully 1`] = `
 <DocumentFragment>
   <pre
     class="css-xak41w"

package/src/scripts/dataset/download/__tests__/download-link.spec.jsx

@@ -2,6 +2,10 @@ import React from 'react'
 import { render } from '@testing-library/react'
 import DownloadLink from '../download-link.jsx'
 import { MockedProvider } from '@apollo/client/testing'
+import { vi } from 'vitest'
+
+vi.mock('../../../config.ts')
+
 const defProps = {
   datasetId: 'ds000001',
   snapshotTag: '1.0.0',

package/src/scripts/dataset/download/__tests__/download-native.spec.js

@@ -1,14 +1,14 @@
 import { openFileTree } from '../download-native.js'
 
+vi.mock('../../../config.ts')
+
 describe('dataset/download - native file API method', () => {
   describe('openFileTree', () => {
     it('iterates over directory to correct depth', async () => {
       const mockDirectoryHandle = {}
       const mockFile = Symbol('mockFile')
-      mockDirectoryHandle.getDirectoryHandle = jest.fn(
-        () => mockDirectoryHandle,
-      )
-      mockDirectoryHandle.getFileHandle = jest.fn(() => mockFile)
+      mockDirectoryHandle.getDirectoryHandle = vi.fn(() => mockDirectoryHandle)
+      mockDirectoryHandle.getFileHandle = vi.fn(() => mockFile)
       expect(
         await openFileTree(mockDirectoryHandle, 'sub-01/anat/something.nii.gz'),
       ).toBe(mockFile)

package/src/scripts/dataset/files/__tests__/__snapshots__/file-tree.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`FileTree component renders with default props 1`] = `
+exports[`FileTree component > renders with default props 1`] = `
 <DocumentFragment>
   <article
     class="file-tree accordion "

package/src/scripts/dataset/files/__tests__/__snapshots__/file.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`File component renders for dataset snapshots 1`] = `
+exports[`File component > renders for dataset snapshots 1`] = `
 <DocumentFragment>
   <span
     aria-label=""
@@ -61,7 +61,7 @@ exports[`File component renders for dataset snapshots 1`] = `
 </DocumentFragment>
 `;
 
-exports[`File component renders with common props 1`] = `
+exports[`File component > renders with common props 1`] = `
 <DocumentFragment>
   <span
     aria-label=""

package/src/scripts/dataset/files/__tests__/file-tree-unloaded-directory.spec.jsx

@@ -11,7 +11,7 @@ const dir = {
 
 describe('FileTreeUnloadedDirectory component', () => {
   it('calls fetchMoreDirectory when clicked', () => {
-    const fetchMore = jest.fn()
+    const fetchMore = vi.fn()
     render(
       <DatasetQueryContext.Provider value={{ fetchMore }}>
         <FileTreeUnloadedDirectory datasetId={'ds000001'} directory={dir} />

package/src/scripts/dataset/files/__tests__/file-tree.spec.jsx

@@ -9,8 +9,8 @@ window.matchMedia =
   function () {
     return {
       matches: false,
-      addListener: jest.fn(),
-      removeListener: jest.fn(),
+      addListener: vi.fn(),
+      removeListener: vi.fn(),
     }
   }
 

package/src/scripts/dataset/files/viewers/__tests__/__snapshots__/file-viewer-json.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`File Viewer - JSON renders with invalid JSON 1`] = `
+exports[`File Viewer - JSON > renders with invalid JSON 1`] = `
 <DocumentFragment>
   <h3>
     Tree
@@ -24,7 +24,7 @@ exports[`File Viewer - JSON renders with invalid JSON 1`] = `
 </DocumentFragment>
 `;
 
-exports[`File Viewer - JSON renders with valid JSON 1`] = `
+exports[`File Viewer - JSON > renders with valid JSON 1`] = `
 <DocumentFragment>
   <h3>
     Tree

package/src/scripts/dataset/fragments/__tests__/__snapshots__/cancel-button.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`CancelButton component renders with default props 1`] = `
+exports[`CancelButton component > renders with default props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Cancel"

package/src/scripts/dataset/fragments/__tests__/__snapshots__/edit-button.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`EditButton component renders with default props 1`] = `
+exports[`EditButton component > renders with default props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Edit"

package/src/scripts/dataset/fragments/__tests__/__snapshots__/edit-list.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`EditList component renders with default props 1`] = `
+exports[`EditList component > renders with default props 1`] = `
 <DocumentFragment>
   <div
     class="edit-list-group"

package/src/scripts/dataset/fragments/__tests__/__snapshots__/save-button.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`SaveButton component renders with default props 1`] = `
+exports[`SaveButton component > renders with default props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Save"

package/src/scripts/dataset/fragments/__tests__/__snapshots__/select-input.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`SelectInput handles boolean display 1`] = `
+exports[`SelectInput > handles boolean display 1`] = `
 <DocumentFragment>
   <div
     class="css-1e7yhge"
@@ -77,7 +77,7 @@ exports[`SelectInput handles boolean display 1`] = `
 </DocumentFragment>
 `;
 
-exports[`SelectInput handles display as disabled 1`] = `
+exports[`SelectInput > handles display as disabled 1`] = `
 <DocumentFragment>
   <div
     class="css-1e7yhge"
@@ -154,7 +154,7 @@ exports[`SelectInput handles display as disabled 1`] = `
 </DocumentFragment>
 `;
 
-exports[`SelectInput handles display as not disabled 1`] = `
+exports[`SelectInput > handles display as not disabled 1`] = `
 <DocumentFragment>
   <div
     class="css-1e7yhge"

package/src/scripts/dataset/fragments/__tests__/edit-list.spec.jsx

@@ -9,7 +9,7 @@ describe('EditList component', () => {
   })
   it('calls setElements when an item is added', () => {
     const testText = 'this is a test entry'
-    const setElements = jest.fn()
+    const setElements = vi.fn()
     render(<EditList setElements={setElements} />)
     fireEvent.change(screen.getByRole('textbox'), {
       target: { value: testText },

package/src/scripts/dataset/mutations/__tests__/__snapshots__/delete.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`DeleteDataset mutation renders with common props 1`] = `
+exports[`DeleteDataset mutation > renders with common props 1`] = `
 <DocumentFragment>
   <span>
     <button
@@ -15,7 +15,7 @@ exports[`DeleteDataset mutation renders with common props 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DeleteDir mutation renders with common props 1`] = `
+exports[`DeleteDir mutation > renders with common props 1`] = `
 <DocumentFragment>
   <span
     class="delete-file"

package/src/scripts/dataset/mutations/__tests__/__snapshots__/deprecate-snapshot.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`DeprecateVersion mutation renders with typical props 1`] = `
+exports[`DeprecateVersion mutation > renders with typical props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Deprecate Version"

package/src/scripts/dataset/mutations/__tests__/__snapshots__/deprecate-version.spec.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`DeprecateVersion mutation renders with typical props 1`] = `
+exports[`DeprecateVersion mutation > renders with typical props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Deprecate Version"

package/src/scripts/dataset/mutations/__tests__/__snapshots__/description.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`UpdateDescription mutation renders with common props 1`] = `
+exports[`UpdateDescription mutation > renders with common props 1`] = `
 <DocumentFragment>
   Mutation mock
 </DocumentFragment>

package/src/scripts/dataset/mutations/__tests__/__snapshots__/update-permissions.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`UpdateDatasetPermissions mutation renders with default props 1`] = `
+exports[`UpdateDatasetPermissions mutation > renders with default props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Share"
@@ -13,7 +13,7 @@ exports[`UpdateDatasetPermissions mutation renders with default props 1`] = `
 </DocumentFragment>
 `;
 
-exports[`UpdateDatasetPermissions mutation renders with typical props 1`] = `
+exports[`UpdateDatasetPermissions mutation > renders with typical props 1`] = `
 <DocumentFragment>
   <button
     aria-label="Share"

package/src/scripts/dataset/mutations/__tests__/delete.spec.jsx

@@ -15,7 +15,7 @@ const deleteDatasetMock = {
       reason: 'test suite delete',
     },
   },
-  newData: jest.fn(() => ({
+  newData: vi.fn(() => ({
     data: {},
   })),
 }
@@ -28,7 +28,7 @@ const deleteDirMock = {
       files: [{ path: 'sub-99' }],
     },
   },
-  newData: jest.fn(() => ({
+  newData: vi.fn(() => ({
     data: {},
   })),
 }
@@ -60,7 +60,7 @@ describe('DeleteDir mutation', () => {
     )
     expect(asFragment()).toMatchSnapshot()
   })
-  it('fires the correct mutation', done => {
+  it('fires the correct mutation', async () => {
     render(
       <MockedProvider mocks={[deleteDirMock]} addTypename={false}>
         <DeleteDir {...{ datasetId, path }} />
@@ -68,11 +68,10 @@ describe('DeleteDir mutation', () => {
     )
 
     // click "Delete" button
-    fireEvent.click(screen.getByRole('button'))
+    await fireEvent.click(screen.getByRole('button'))
     // confirm delete
-    fireEvent.click(screen.getByLabelText('confirm'))
+    await fireEvent.click(screen.getByLabelText('confirm'))
 
     expect(deleteDirMock.newData).toHaveBeenCalled()
-    done()
   })
 })

package/src/scripts/dataset/mutations/__tests__/deprecate-snapshot.spec.tsx

@@ -1,3 +1,4 @@
+import { describe, it, expect, vi } from 'vitest'
 import React from 'react'
 import { render, fireEvent, screen, waitFor } from '@testing-library/react'
 import { createMemoryHistory } from 'history'
@@ -27,7 +28,7 @@ describe('DeprecateVersion mutation', () => {
     const history = createMemoryHistory({
       initialEntries: [`/datasets/${datasetId}/versions/${tag}/deprecate`],
     })
-    const historyPushSpy = jest.spyOn(history, 'push')
+    const historyPushSpy = vi.spyOn(history, 'push')
     const snapshotId = `${datasetId}:${tag}`
     const deprecateSnapshotMock = {
       request: {

package/src/scripts/dataset/mutations/__tests__/deprecate-version.spec.tsx

@@ -1,3 +1,4 @@
+import { describe, it, expect, vi } from 'vitest'
 import React from 'react'
 import { render, fireEvent, screen, waitFor } from '@testing-library/react'
 import { MockedProvider } from '@apollo/client/testing'
@@ -35,7 +36,7 @@ describe('DeprecateVersion mutation', () => {
     const history = createMemoryHistory({
       initialEntries: [`/datasets/${datasetId}/versions/${tag}/deprecate`],
     })
-    const historyPushSpy = jest.spyOn(history, 'push')
+    const historyPushSpy = vi.spyOn(history, 'push')
     const snapshotId = `${datasetId}:${tag}`
     const deprecateSnapshotMock = {
       request: {

package/src/scripts/dataset/mutations/__tests__/description.spec.jsx

@@ -7,9 +7,9 @@ import UpdateDescription, {
   UPDATE_DESCRIPTION_LIST,
 } from '../description.jsx'
 
-const mockMutation = jest.fn()
-jest.mock('@apollo/client/react/components', () => ({
-  ...jest.requireActual('@apollo/client/react/components'),
+const mockMutation = vi.fn()
+vi.mock('@apollo/client/react/components', () => ({
+  ...vi.importActual('@apollo/client/react/components'),
   Mutation: props => {
     mockMutation(props)
     return <>Mutation mock</>
@@ -23,7 +23,7 @@ describe('UpdateDescription mutation', () => {
         datasetId="ds001"
         field="Name"
         value="New Name"
-        done={jest.fn()}
+        done={vi.fn()}
       />,
       { wrapper: MockedProvider },
     )
@@ -35,7 +35,7 @@ describe('UpdateDescription mutation', () => {
         datasetId="ds001"
         field="Name"
         value="New Name"
-        done={jest.fn()}
+        done={vi.fn()}
       />,
       { wrapper: MockedProvider },
     )
@@ -49,7 +49,7 @@ describe('UpdateDescription mutation', () => {
         datasetId="ds001"
         field="Authors"
         value={['John Doe', 'Jane Doe']}
-        done={jest.fn()}
+        done={vi.fn()}
       />,
       { wrapper: MockedProvider },
     )

package/src/scripts/dataset/mutations/__tests__/update-permissions.spec.jsx

@@ -19,7 +19,7 @@ describe('UpdateDatasetPermissions mutation', () => {
           datasetId="ds000005"
           userEmail="test@example.com"
           access="ro"
-          done={jest.fn()}
+          done={vi.fn()}
         />
       </MockedProvider>,
     )

package/src/scripts/dataset/snapshot-container.tsx

@@ -16,6 +16,7 @@ import { DatasetAlertVersion } from './fragments/dataset-alert-version'
 import {
   ModalitiesMetaDataBlock,
   MetaDataBlock,
+  NemarButton,
   BrainLifeButton,
   ValidationBlock,
   CloneDropdown,
@@ -136,6 +137,14 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
                 <ValidationBlock>
                   <Validation datasetId={dataset.id} issues={snapshot.issues} />
                 </ValidationBlock>
+                <NemarButton
+                  datasetId={datasetId}
+                  onNemar={
+                    summary?.modalities.includes('EEG') ||
+                    summary?.modalities.includes('iEEG') ||
+                    summary?.modalities.includes('MEG')
+                  }
+                />
                 <BrainLifeButton
                   datasetId={datasetId}
                   onBrainlife={snapshot.onBrainlife}

package/src/scripts/pages/faq/__tests__/__snapshots__/faq.spec.jsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
 
-exports[`faq/faq/Faq renders successfully 1`] = `
+exports[`faq/faq/Faq > renders successfully 1`] = `
 <DocumentFragment>
   <div
     class="faqs-accordion on-accordion-wrapper"

package/src/scripts/resources/__tests__/kibana.spec.js

@@ -1,4 +1,7 @@
 import { getKibanaURL } from '../kibana'
+import { vi } from 'vitest'
+
+vi.mock('../../config.ts')
 
 describe('getKibanaURL', () => {
   it('returns a valid url when env var ELASTICSEARCH_CLOUD_ID exists', () => {

package/src/scripts/search/__tests__/search-container.spec.tsx

@@ -1,10 +1,11 @@
+import { describe, it, expect, vi } from 'vitest'
 import { setDefaultSearch } from '../search-container'
 
 describe('SearchContainer component', () => {
   describe('setDefaultSearch', () => {
     it('updates default state when a modality is provided differing from the default', () => {
       const context = { modality_selected: 'MRI' }
-      const setContext = jest.fn()
+      const setContext = vi.fn()
       setDefaultSearch(
         'MRI',
         context,
@@ -25,7 +26,7 @@ describe('SearchContainer component', () => {
         modality_selected: 'MRI',
         datasetType_selected: 'All Public',
       }
-      const setContext = jest.fn().mockImplementation(arg => {
+      const setContext = vi.fn().mockImplementation(arg => {
         context = arg(context)
       })
       setDefaultSearch(
@@ -41,7 +42,7 @@ describe('SearchContainer component', () => {
         modality_selected: 'PET',
         datasetType_selected: 'All Public',
       }
-      const setContext = jest.fn().mockImplementation(arg => {
+      const setContext = vi.fn().mockImplementation(arg => {
         context = arg(context)
       })
       setDefaultSearch(

package/src/scripts/utils/__tests__/userNotify.spec.js

@@ -1,15 +1,15 @@
 import { expiringBanner } from '../userNotify.js'
-const { toast } = jest.requireMock('react-toastify')
+import { toast } from 'react-toastify'
 
-jest.mock('react-toastify', () => ({
-  ...jest.requireActual('react-toastify'),
-  toast: { warn: jest.fn() },
+vi.mock('react-toastify', () => ({
+  ...vi.importActual('react-toastify'),
+  toast: { warn: vi.fn() },
 }))
 
 describe('userNotify.js', () => {
   describe('expiringBanner', () => {
     afterEach(() => {
-      jest.clearAllMocks()
+      vi.clearAllMocks()
     })
     it('is displayed before expiration time', () => {
       const future = new Date()

package/jestsetup.ts

@@ -1,15 +0,0 @@
-import React from 'react'
-import fetch from 'jest-fetch-mock'
-import fromEntries from 'object.fromentries'
-import { jest } from '@jest/globals'
-import '@testing-library/jest-dom'
-import '@testing-library/jest-dom/extend-expect'
-import './src/scripts/apm'
-
-global.fetch = fetch
-
-if (!Object.fromEntries) {
-  fromEntries.shim()
-}
-
-jest.mock('./src/scripts/config')