Refactored src/components/AddOn/support/components/Action/Action.test…

….tsx from Jest to Vitest (#2482)

* Migrated to vitest

* Added ts-doc comment

---------

Co-authored-by: Vamshi Maskuri <[email protected]>

src/components/AddOn/support/components/Action/Action.spec.tsx

@@ -0,0 +1,31 @@
+/**
+ * Unit tests for the Action component.
+ *
+ * This file contains tests for the Action component to ensure it behaves as expected
+ * under various scenarios.
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { describe, test, expect } from 'vitest';
+
+import { store } from 'state/store';
+import Action from './Action';
+
+describe('Testing Action Component', () => {
+  const props = {
+    children: 'dummy children',
+    label: 'dummy label',
+  };
+
+  test('should render props and text elements for the page component', () => {
+    const { getByText } = render(
+      <Provider store={store}>
+        <Action {...props} />
+      </Provider>,
+    );
+
+    expect(getByText(props.label)).toBeInTheDocument();
+    expect(getByText(props.children)).toBeInTheDocument();
+  });
+});

vitest.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import tsconfigPaths from 'vite-tsconfig-paths';
@@ -15,6 +15,7 @@ export default defineConfig({
     include: ['src/**/*.spec.{js,jsx,ts,tsx}'],
     globals: true,
     environment: 'jsdom',
+    setupFiles: 'vitest.setup.ts',
     coverage: {
       enabled: true,
       provider: 'istanbul',

vitest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';