fix more tests for jsdom 30 compatibility

Author: mxschll

src/checkbox/__tests__/checkbox.test.tsx

@@ -324,7 +324,7 @@ test('all style api properties', () => {
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderColor)).toBe('blue');
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderRadius)).toBe('1px');
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderWidth)).toBe('2px');
-  expect(getComputedStyle(label).getPropertyValue('color')).toBe('orange');
+  expect(getComputedStyle(label).getPropertyValue('color')).toBe('rgb(255, 165, 0)');
 });
 
 describe('native attributes', () => {

src/error-boundary/__tests__/error-boundary.test.tsx

@@ -614,16 +614,19 @@ describe('built-in error boundaries', () => {
 describe('default behaviors', () => {
   test('window reload is called when the refresh action is clicked', () => {
     const mockReload = jest.fn();
-    jest.spyOn(window.location, 'reload').mockImplementation(mockReload);
+    Object.defineProperty(window.location, 'reload', { configurable: true, writable: true, value: mockReload });
 
     renderWithErrorBoundary(<b>{{}}</b>);
     findRefreshAction()!.click();
     expect(mockReload).toHaveBeenCalledTimes(1);
   });
 
   test('hides default refresh in cross-origin iframes', () => {
-    jest.spyOn(window.location, 'href', 'get').mockImplementation(() => {
-      throw new Error();
+    Object.defineProperty(window.location, 'href', {
+      configurable: true,
+      get() {
+        throw new Error();
+      },
     });
 
     renderWithErrorBoundary(<b>{{}}</b>);

src/pie-chart/__tests__/pie-chart.test.tsx

@@ -483,7 +483,7 @@ describe('Details popover', () => {
     const { wrapper } = renderPieChart(<PieChart data={defaultData} />);
     wrapper.findApplication()!.focus();
     expect(wrapper.findDetailPopover()).toBeTruthy();
-    wrapper.findApplication()!.blur();
+    fireEvent.blur(wrapper.findApplication()!.getElement(), { relatedTarget: document.body });
     expect(wrapper.findDetailPopover()).toBeNull();
   });
 

src/radio-group/__tests__/radio-group.test.tsx

@@ -443,8 +443,8 @@ test('all style api properties', function () {
   expect(getComputedStyle(outerCircle).getPropertyValue('fill')).toBe('blue');
   expect(getComputedStyle(outerCircle).getPropertyValue('stroke')).toBe('green');
   expect(getComputedStyle(innerCircle).getPropertyValue('stroke')).toBe('blue');
-  expect(getComputedStyle(label).getPropertyValue('color')).toBe('brown');
-  expect(getComputedStyle(description).getPropertyValue('color')).toBe('yellow');
+  expect(getComputedStyle(label).getPropertyValue('color')).toBe('rgb(165, 42, 42)');
+  expect(getComputedStyle(description).getPropertyValue('color')).toBe('rgb(255, 255, 0)');
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderColor)).toBe('orange');
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderRadius)).toBe('2px');
   expect(getComputedStyle(control).getPropertyValue(customCssProps.styleFocusRingBorderWidth)).toBe('1px');

src/test-utils/dom/collection-preferences/visible-content-preference.ts

@@ -31,7 +31,7 @@ export default class VisibleContentPreferenceWrapper extends ComponentWrapper {
    */
   findToggleByIndex(groupIndex: number, optionIndex: number): ToggleWrapper | null {
     const groupSelector = `.${getClassName('groups')} > *:nth-child(${groupIndex})`;
-    const optionSelector = `.${getClassName('option')}:nth-child(${optionIndex})`;
+    const optionSelector = `*:nth-child(${optionIndex}).${getClassName('option')}`;
     return this.findComponent(`${groupSelector} ${optionSelector} .${getClassName('toggle')}`, ToggleWrapper);
   }
 }