Merge pull request #47 from josephlouise74/main

Improve Test Coverage for Element, Field, Form, and Format Components

Author: cblanquera

package.json

@@ -252,4 +252,4 @@
     "react": "^19",
     "react-dom": "^19"
   }
-}
+}

tests/base/Accordion.test.tsx

@@ -1,11 +1,6 @@
 //--------------------------------------------------------------------//
 // Imports
 
-//modules
-import { describe, expect, it, vi } from 'vitest';
-//tests
-import '@testing-library/jest-dom';
-import { fireEvent, render, screen } from '@testing-library/react';
 //frui
 import type { AccordionContextProps } from '../../src/base/Accordion.js';
 import {
@@ -18,6 +13,19 @@ import {
   AccordionLabel,
   useAccordionContext
 } from '../../src/base/Accordion.js';
+//tests
+import '@testing-library/jest-dom';
+import { 
+  describe, 
+  expect, 
+  it, 
+  vi 
+} from 'vitest';
+import { 
+  fireEvent, 
+  render, 
+  screen 
+} from '@testing-library/react';
 
 //--------------------------------------------------------------------//
 // Tests
@@ -53,7 +61,11 @@ describe('<Accordion />', () => {
   it('applies className and triggers onChange', () => {
     const onChange = vi.fn();
     render(
-      <Accordion className="custom" defaultValue="a1" onChange={onChange}>
+      <Accordion 
+        className="custom" 
+        defaultValue="a1" 
+        onChange={onChange}
+      >
         <AccordionBellow value="a1">
           <AccordionLabel>Label 1</AccordionLabel>
         </AccordionBellow>

tests/base/Alert.test.tsx

@@ -1,14 +1,19 @@
 //--------------------------------------------------------------------//
 // Imports
 
+//frui
+import { Alert } from '../../src/base/Alert.js';
 //modules
 import type { ReactElement, ReactNode } from 'react';
-import { describe, expect, it, vi } from 'vitest';
 //tests
 import '@testing-library/jest-dom';
+import {
+  describe,
+  expect,
+  it,
+  vi
+} from 'vitest';
 import { render, screen } from '@testing-library/react';
-//frui
-import { Alert } from '../../src/base/Alert.js';
 
 //--------------------------------------------------------------------//
 // Mocks
@@ -134,7 +139,9 @@ describe('<Alert />', () => {
       </Alert>
     );
     const element = screen.getByText('outlined');
-    expect(element).toHaveClass('frui-alert', 'frui-solid', 'frui-thin');
+    expect(element).toHaveClass(
+      'frui-alert', 'frui-solid', 'frui-thin'
+    );
     expect(element.style.borderColor).toBe('blue');
     expect(element.style.color).toBe('blue');
   });

tests/base/Badge.test.tsx

@@ -1,11 +1,11 @@
 //--------------------------------------------------------------------//
 // Imports
 
+//frui
+import Badge from '../../src/base/Badge.js';
 //modules
 import type {
-  ReactElement,
-  ReactNode
-} from 'react';
+  ReactElement, ReactNode } from 'react';
 //tests
 import '@testing-library/jest-dom';
 import {
@@ -18,8 +18,6 @@ import {
   it,
   vi
 } from 'vitest';
-//frui
-import Badge from '../../src/base/Badge.js';
 
 //--------------------------------------------------------------------//
 // Mocks

tests/base/Box.test.tsx

@@ -1,11 +1,6 @@
 //--------------------------------------------------------------------//
 // Imports
 
-//modules
-import { describe, expect, it } from 'vitest';
-//tests
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
 //frui
 import Box, {
   getThemeProps,
@@ -24,6 +19,14 @@ import Box, {
   removeThemeProps,
   useBox
 } from '../../src/base/Box.js';
+//tests
+import '@testing-library/jest-dom';
+import {
+  describe,
+  expect,
+  it
+} from 'vitest';
+import { render, screen } from '@testing-library/react';
 
 //--------------------------------------------------------------------//
 // Tests