build(deps-dev): upgrade Jest from v29 to v30.2.0

Upgrade jest, jest-environment-jsdom, jest-util to 30.2.0 and
@types/jest to 30.0.0. Update test assertions to use computed RGB
color values as the newer jsdom resolves named CSS colors to RGB.

Author: madhavilosetty-intel

package-lock.json

@@ -72,7 +72,7 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.2",
@@ -81,9 +81,9 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "globals": "^17.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-util": "^29.7.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jest-util": "^30.2.0",
     "prettier": "^3.5.3",
     "prettier-config-standard": "^7.0.0",
     "prettier-plugin-multiline-arrays": "^4.1.3",

package.json

@@ -195,7 +195,7 @@ describe('AttachDiskImage', () => {
       <AttachDiskImage {...defaultProps} containerStyle={customStyle} />
     )
 
-    expect(container.firstChild).toHaveStyle('background-color: red')
+    expect(container.firstChild).toHaveStyle('background-color: rgb(255, 0, 0)')
   })
 
   /**
@@ -223,7 +223,7 @@ describe('AttachDiskImage', () => {
     render(<AttachDiskImage {...defaultProps} buttonStyle={customStyle} />)
 
     expect(screen.getByText('ider.start')).toHaveStyle(
-      'background-color: purple'
+      'background-color: rgb(128, 0, 128)'
     )
   })
 
@@ -251,7 +251,7 @@ describe('AttachDiskImage', () => {
     render(<AttachDiskImage {...defaultProps} fileSelectStyle={customStyle} />)
 
     expect(screen.getByText('ider.selectFile')).toHaveStyle(
-      'background-color: green'
+      'background-color: rgb(0, 128, 0)'
     )
   })
 

src/components/ider/AttachDiskImage.test.tsx

@@ -24,6 +24,10 @@
 
 import { render } from '@testing-library/react'
 import { IDER } from './ider'
+import {
+  AMTRedirector,
+  AMTIDER
+} from '@device-management-toolkit/ui-toolkit/core'
 
 /**
  * Mock the ui-toolkit/core dependencies
@@ -263,4 +267,119 @@ describe('IDER', () => {
 
     expect(container.firstChild).toBeNull()
   })
+
+  /**
+   * Sector stats tracks floppy read operations
+   *
+   * When the IDER session is active and data is read from the
+   * virtual floppy device, the sector stats should be tracked.
+   */
+  it('should track floppy read in sector stats', () => {
+    const mockFile = new File(['test'], 'test.iso', {
+      type: 'application/octet-stream'
+    })
+    const { rerender } = render(
+      <IDER {...defaultProps} cdrom={mockFile} iderState={0} />
+    )
+
+    // Start IDER
+    rerender(<IDER {...defaultProps} cdrom={mockFile} iderState={1} />)
+
+    // Get the AMTIDER instance created during startIder
+    const iderInstance = (AMTIDER as unknown as jest.Mock).mock.results[0]?.value
+    if (iderInstance?.sectorStats) {
+      iderInstance.sectorStats(1, 0, 100, 0, 10) // mode=read, dev=floppy
+      expect(iderInstance.floppyRead).toBe(10 * 512)
+    }
+  })
+
+  /**
+   * Sector stats tracks CD-ROM read operations
+   *
+   * CD-ROM read operations use a larger sector size (2048 bytes)
+   * compared to floppy (512 bytes).
+   */
+  it('should track cdrom read in sector stats', () => {
+    const mockFile = new File(['test'], 'test.iso', {
+      type: 'application/octet-stream'
+    })
+    const { rerender } = render(
+      <IDER {...defaultProps} cdrom={mockFile} iderState={0} />
+    )
+
+    rerender(<IDER {...defaultProps} cdrom={mockFile} iderState={1} />)
+
+    const iderInstance = (AMTIDER as unknown as jest.Mock).mock.results[0]?.value
+    if (iderInstance?.sectorStats) {
+      iderInstance.sectorStats(1, 1, 100, 0, 5) // mode=read, dev=cdrom
+      expect(iderInstance.cdromRead).toBe(5 * 2048)
+    }
+  })
+
+  /**
+   * Sector stats tracks floppy write operations
+   */
+  it('should track floppy write in sector stats', () => {
+    const mockFile = new File(['test'], 'test.iso', {
+      type: 'application/octet-stream'
+    })
+    const { rerender } = render(
+      <IDER {...defaultProps} cdrom={mockFile} iderState={0} />
+    )
+
+    rerender(<IDER {...defaultProps} cdrom={mockFile} iderState={1} />)
+
+    const iderInstance = (AMTIDER as unknown as jest.Mock).mock.results[0]?.value
+    if (iderInstance?.sectorStats) {
+      iderInstance.sectorStats(0, 0, 100, 0, 8) // mode=write, dev=floppy
+      expect(iderInstance.floppyWrite).toBe(8 * 512)
+    }
+  })
+
+  /**
+   * Sector stats tracks CD-ROM write operations
+   */
+  it('should track cdrom write in sector stats', () => {
+    const mockFile = new File(['test'], 'test.iso', {
+      type: 'application/octet-stream'
+    })
+    const { rerender } = render(
+      <IDER {...defaultProps} cdrom={mockFile} iderState={0} />
+    )
+
+    rerender(<IDER {...defaultProps} cdrom={mockFile} iderState={1} />)
+
+    const iderInstance = (AMTIDER as unknown as jest.Mock).mock.results[0]?.value
+    if (iderInstance?.sectorStats) {
+      iderInstance.sectorStats(0, 1, 100, 0, 3) // mode=write, dev=cdrom
+      expect(iderInstance.cdromWrite).toBe(3 * 2048)
+    }
+  })
+
+  /**
+   * Connection state change callback is invoked
+   *
+   * When the WebSocket connection state changes, the onConnectionStateChange
+   * callback should be fired. This is set up during startIder.
+   */
+  it('should handle connection state change callback', () => {
+    const mockFile = new File(['test'], 'test.iso', {
+      type: 'application/octet-stream'
+    })
+    const { rerender } = render(
+      <IDER {...defaultProps} cdrom={mockFile} iderState={0} />
+    )
+
+    rerender(<IDER {...defaultProps} cdrom={mockFile} iderState={1} />)
+
+    // Get the redirector instance
+    const redirectorInstance = (AMTRedirector as unknown as jest.Mock).mock
+      .results[0]?.value
+    if (redirectorInstance?.onStateChanged) {
+      // Should not throw when invoked
+      expect(() => {
+        redirectorInstance.onStateChanged(redirectorInstance, 2)
+      }).not.toThrow()
+    }
+  })
 })

src/components/ider/ider.test.tsx

@@ -118,7 +118,7 @@ describe('ConnectButton', () => {
       />
     )
 
-    expect(screen.getByRole('button')).toHaveStyle('background-color: red')
+    expect(screen.getByRole('button')).toHaveStyle('background-color: rgb(255, 0, 0)')
   })
 
   /**

src/components/kvm/ConnectButton.test.tsx

@@ -19,8 +19,12 @@
  */
 
 import { useEffect } from 'react'
-import { render, screen } from '@testing-library/react'
+import { render, screen, fireEvent } from '@testing-library/react'
 import { KVM } from './UI'
+import {
+  AMTKvmDataRedirector,
+  KeyBoardHelper
+} from '@device-management-toolkit/ui-toolkit/core'
 
 /**
  * Mock the Header component
@@ -154,7 +158,7 @@ describe('KVM', () => {
       <KVM {...defaultProps} containerStyle={customStyle} />
     )
 
-    expect(container.firstChild).toHaveStyle('background-color: blue')
+    expect(container.firstChild).toHaveStyle('background-color: rgb(0, 0, 255)')
   })
 
   /**
@@ -221,4 +225,56 @@ describe('KVM', () => {
     // The actual enforcement happens inside the component
     expect(screen.getByTestId('mock-canvas')).toBeInTheDocument()
   })
+
+  /**
+   * Clicking Connect starts KVM connection
+   *
+   * When autoConnect is true and the user clicks Connect,
+   * the KVM WebSocket connection should be started.
+   */
+  it('should start KVM when clicking Connect', () => {
+    const startSpy = jest.spyOn(AMTKvmDataRedirector.prototype, 'start')
+    const grabSpy = jest.spyOn(KeyBoardHelper.prototype, 'GrabKeyInput')
+
+    render(<KVM {...defaultProps} autoConnect={true} />)
+
+    fireEvent.click(screen.getByText('Connect'))
+
+    expect(startSpy).toHaveBeenCalled()
+    expect(grabSpy).toHaveBeenCalled()
+
+    startSpy.mockRestore()
+    grabSpy.mockRestore()
+  })
+
+  /**
+   * Component stops KVM when device changes
+   *
+   * When the deviceId prop changes, the component should stop
+   * the current KVM connection and reinitialize for the new device.
+   */
+  it('should stop KVM when deviceId changes', () => {
+    const stopSpy = jest.spyOn(AMTKvmDataRedirector.prototype, 'stop')
+
+    const { rerender } = render(<KVM {...defaultProps} />)
+
+    rerender(<KVM {...defaultProps} deviceId='new-device-id' />)
+
+    expect(stopSpy).toHaveBeenCalled()
+
+    stopSpy.mockRestore()
+  })
+
+  /**
+   * Mouse events are forwarded to MouseHelper
+   *
+   * The PureCanvas component receives mouse event handlers that
+   * forward events to the MouseHelper for remote desktop interaction.
+   */
+  it('should render canvas for mouse events', () => {
+    render(<KVM {...defaultProps} />)
+
+    const canvas = screen.getByTestId('mock-canvas')
+    expect(canvas).toBeInTheDocument()
+  })
 })

src/components/kvm/UI.test.tsx

@@ -26,8 +26,9 @@
  * the Sol component's UI logic in isolation.
  */
 
-import { render, screen, fireEvent } from '@testing-library/react'
+import { render, screen, fireEvent, act } from '@testing-library/react'
 import { Sol } from './Sol'
+import { AMTRedirector } from '@device-management-toolkit/ui-toolkit/core'
 
 /**
  * Mock the Terminal component
@@ -39,7 +40,8 @@ import { Sol } from './Sol'
  */
 jest.mock('./Terminal', () => ({
   __esModule: true,
-  default: () => <div data-testid='mock-terminal'>Terminal</div>
+  default: () => <div data-testid='mock-terminal'>Terminal</div>,
+  Term: () => <div data-testid='mock-terminal'>Terminal</div>
 }))
 
 /**
@@ -160,7 +162,7 @@ describe('Sol', () => {
       <Sol {...defaultProps} containerStyle={customStyle} />
     )
 
-    expect(container.firstChild).toHaveStyle('background-color: green')
+    expect(container.firstChild).toHaveStyle('background-color: rgb(0, 128, 0)')
   })
 
   /**
@@ -184,7 +186,7 @@ describe('Sol', () => {
     const customStyle = { backgroundColor: 'purple' }
     render(<Sol {...defaultProps} buttonStyle={customStyle} />)
 
-    expect(screen.getByRole('button')).toHaveStyle('background-color: purple')
+    expect(screen.getByRole('button')).toHaveStyle('background-color: rgb(128, 0, 128)')
   })
 
   /**
@@ -263,4 +265,61 @@ describe('Sol', () => {
     // Terminal should not be visible when not connected
     expect(screen.queryByTestId('mock-terminal')).not.toBeInTheDocument()
   })
+
+  /**
+   * Disconnect button shown when connected
+   *
+   * After connection state changes to 3 (ready), the button
+   * text should change to 'sol.disconnect' and the terminal should appear.
+   */
+  it('should show disconnect button and terminal when connected', () => {
+    render(<Sol {...defaultProps} />)
+
+    const mockRedirector = (AMTRedirector as jest.Mock).mock.results[0].value
+
+    act(() => {
+      mockRedirector.onStateChanged(mockRedirector, 3)
+    })
+
+    expect(screen.getByText('sol.disconnect')).toBeInTheDocument()
+    expect(screen.getByTestId('mock-terminal')).toBeInTheDocument()
+  })
+
+  /**
+   * Clicking disconnect stops the SOL connection
+   *
+   * When the user clicks disconnect, the component should stop
+   * the redirector and reset state to disconnected.
+   */
+  it('should stop SOL when clicking disconnect', () => {
+    render(<Sol {...defaultProps} />)
+
+    const mockRedirector = (AMTRedirector as jest.Mock).mock.results[0].value
+
+    // Simulate connected state
+    act(() => {
+      mockRedirector.onStateChanged(mockRedirector, 3)
+    })
+
+    // Click disconnect
+    fireEvent.click(screen.getByText('sol.disconnect'))
+
+    expect(mockRedirector.stop).toHaveBeenCalled()
+  })
+
+  /**
+   * Clicking connect starts the SOL connection
+   *
+   * When disconnected, clicking the connect button should initiate
+   * the WebSocket connection to the AMT device.
+   */
+  it('should start SOL when clicking connect', () => {
+    render(<Sol {...defaultProps} />)
+
+    const mockRedirector = (AMTRedirector as jest.Mock).mock.results[0].value
+
+    fireEvent.click(screen.getByText('sol.connect'))
+
+    expect(mockRedirector.start).toHaveBeenCalled()
+  })
 })