@redocly/theme-experimental 0.8.0-next.0 → 0.8.0-next.2

package/markdoc/Cards/__tests__/Card.test.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 
+import { describe, it, expect, vi } from 'vitest';
+
 import { Card } from '../Card';
 import { renderWithRouter } from '../../../tests/utils';
 
-jest.mock('@redocly/theme/hooks/useThemeHooks');
+vi.mock('@redocly/theme/hooks/useThemeHooks');
 
 const links = {
   type: 'group' as const,
@@ -37,18 +39,25 @@ describe('Card', () => {
 
   it('renders the title when provided', () => {
     const screen = renderWithRouter(<Card {...props} />);
-    expect(screen.getByText('Example Card')).toBeInTheDocument();
+    const titleElement = screen.getByText('Example Card');
+    expect(titleElement).toBeTruthy();
   });
 
   it('renders the icon when provided', () => {
     const screen = renderWithRouter(<Card {...props} />);
-    expect(screen.getByAltText('Example Card')).toHaveAttribute('src', 'example.png');
+    const iconElement = screen.getByAltText('Example Card');
+    expect(iconElement).toBeTruthy();
+    expect(iconElement.getAttribute('src')).toBe('example.png');
   });
 
   it('renders the links when provided', () => {
     const screen = renderWithRouter(<Card {...props} />);
-    expect(screen.getByText('Link 1')).toHaveAttribute('href', '/#1');
-    expect(screen.getByText('Link 2')).toHaveAttribute('href', '/#2');
+    const link1Element = screen.getByText('Link 1');
+    const link2Element = screen.getByText('Link 2');
+    expect(link1Element).toBeTruthy();
+    expect(link2Element).toBeTruthy();
+    expect(link1Element.getAttribute('href')).toBe('/#1');
+    expect(link2Element.getAttribute('href')).toBe('/#2');
   });
 
   it('does not render the title when not provided', () => {

package/markdoc/Cards/__tests__/CardsBlock.test.tsx

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme-experimental",
-  "version": "0.8.0-next.0",
+  "version": "0.8.0-next.2",
   "description": "Experimental UI components lib",
   "keywords": [
     "theme-experimental",
@@ -22,12 +22,9 @@
     "@markdoc/markdoc": "0.5.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/highlight-words-core": "1.2.3",
-    "@types/jest": "29.5.11",
-    "@types/jest-when": "3.5.5",
     "@types/lodash.throttle": "4.1.9",
     "@types/node": "22.15.3",
     "@types/prismjs": "1.26.4",
@@ -35,11 +32,8 @@
     "@types/react-dom": "^19.1.4",
     "@types/styled-components": "5.1.34",
     "@types/styled-system": "5.1.22",
+    "@vitest/coverage-v8": "^3.1.1",
     "concurrently": "7.6.0",
-    "jest": "29.5.0",
-    "jest-environment-jsdom": "29.5.0",
-    "jest-styled-components": "7.2.0",
-    "jest-when": "3.6.0",
     "json-schema-to-ts": "2.7.2",
     "lodash.throttle": "4.1.1",
     "npm-run-all2": "5.0.2",
@@ -48,24 +42,29 @@
     "rimraf": "5.0.7",
     "styled-components": "5.3.11",
     "styled-system": "5.1.5",
-    "ts-jest": "29.1.2",
     "ts-node": "10.9.2",
     "ts-node-dev": "2.0.0",
     "tsc-alias": "1.8.10",
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "3.5.2",
     "typescript": "5.6.2",
+    "vitest": "3.2.4",
     "webpack": "5.94.0"
   },
   "dependencies": {
     "@redocly/config": "0.28.0",
-    "@redocly/theme": "0.57.0-next.0"
+    "@redocly/theme": "0.57.0-next.2"
   },
   "scripts": {
     "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",
     "ts:check": "tsc --noEmit --skipLibCheck",
     "clean": "rimraf lib",
     "compile": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
-    "build": "npm run clean && npm run compile"
+    "build": "npm run clean && npm run compile",
+    "test": "vitest run",
+    "test:update": "vitest run --update",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:coverage:html": "vitest run --coverage --reporter=html"
   }
 }