test: update test for PluggableComponent

Author: johnvente

src/components/PluggableComponent/index.test.jsx

@@ -21,7 +21,7 @@ describe('PluggableComponent', () => {
   beforeEach(() => {
     jest.resetModules();
   });
-  it('renders correctly', async () => {
+  test('renders correctly', async () => {
     const handleClickMock = jest.fn();
     const props = {
       title: 'button title',
@@ -48,7 +48,7 @@ describe('PluggableComponent', () => {
     });
   });
 
-  it('loads children component when import is invalid', async () => {
+  test('loads children component when import is invalid', async () => {
     render(
       <PluggableComponent id="est-pluggable" as="invalid import">
         <div data-testid="plugin">Plugin Loaded</div>
@@ -62,7 +62,7 @@ describe('PluggableComponent', () => {
     });
   });
 
-  it('loads children component when import is empty', async () => {
+  test('loads children component when import is empty', async () => {
     render(
       <PluggableComponent
         id="test-pluggable"
@@ -79,7 +79,7 @@ describe('PluggableComponent', () => {
     });
   });
 
-  it('returns null when do not have children and import is invalid', async () => {
+  test('returns null when do not have children and import is invalid', async () => {
     render(
       <PluggableComponent
         id="test-pluggable"
@@ -92,7 +92,7 @@ describe('PluggableComponent', () => {
     });
   });
 
-  it('updates component when props change', async () => {
+  test('updates component when props change', async () => {
     const { rerender } = render(
       <PluggableComponent
         id="test-pluggable"
@@ -118,7 +118,7 @@ describe('PluggableComponent', () => {
     });
   });
 
-  it('updates component when children change', async () => {
+  test('updates component when children change', async () => {
     const { getByText, getByTestId } = render(
       <PluggableComponent
         id="test-pluggable"
@@ -136,15 +136,14 @@ describe('PluggableComponent', () => {
     const toggleButton = getByText('Toggle Content');
     fireEvent.click(toggleButton);
 
-    // Now, after toggling the content, we expect it to be visible inside PluggableComponent
     await waitFor(() => {
       const toggleContent = getByTestId('toggle-content');
       expect(toggleContent).toBeInTheDocument();
       expect(toggleContent).toHaveTextContent('Toggle On');
     });
   });
 
-  it('renders loadingComponent while the plugin is loading', async () => {
+  test('renders loadingComponent while the plugin is loading', async () => {
     jest.mock('./utils', () => ({
       isPluginAvailable: jest.fn().mockImplementation(
         () => new Promise((resolve) => {

src/components/PluggableComponent/utils.test.js

@@ -1,22 +1,22 @@
 import { isPluginAvailable } from './utils';
 
 describe('isPluginAvailable util', () => {
-  it('returns true if a plugin is installed', async () => {
+  test('returns true if a plugin is installed', async () => {
     const checkBoxPlugin = await isPluginAvailable('communications-app-check-box-form');
     expect(checkBoxPlugin).toBe(true);
   });
 
-  it('returns false if a plugin is not installed', async () => {
+  test('returns false if a plugin is not installed', async () => {
     const nonexistentPlugin = await isPluginAvailable('nonexistentPlugin');
     expect(nonexistentPlugin).toBe(false);
   });
 
-  it('returns false if an empty string is provided as plugin name', async () => {
+  test('returns false if an empty string is provided as plugin name', async () => {
     const emptyPlugin = await isPluginAvailable('');
     expect(emptyPlugin).toBe(false);
   });
 
-  it('returns false if null is provided as plugin name', async () => {
+  test('returns false if null is provided as plugin name', async () => {
     const nullPLugin = await isPluginAvailable(null);
     expect(nullPLugin).toBe(false);
   });