test: increase play sound coverage (#2011)

* test: increase play sound coverage

Signed-off-by: Adam Setch <[email protected]>

* test: increase play sound coverage

Signed-off-by: Adam Setch <[email protected]>

---------

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

jest.config.ts

@@ -2,7 +2,7 @@ import type { Config } from 'jest';
 
 const config: Config = {
   preset: 'ts-jest',
-  setupFiles: ['<rootDir>/src/renderer/__helpers__/jest.setup.ts'],
+  setupFilesAfterEnv: ['<rootDir>/src/renderer/__helpers__/jest.setup.ts'],
   testEnvironment: 'jsdom',
   collectCoverage: true,
   collectCoverageFrom: ['src/**/*', '!**/__snapshots__/**'],

package.json

@@ -84,7 +84,9 @@
     "@primer/primitives": "10.6.0",
     "@primer/react": "36.27.0",
     "@tailwindcss/postcss": "4.1.7",
+    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/jest": "29.5.14",
     "@types/node": "22.15.18",
     "@types/react": "19.1.4",

pnpm-lock.yaml

@@ -1,3 +1,5 @@
+import '@testing-library/jest-dom';
+
 import { TextDecoder, TextEncoder } from 'node:util';
 
 if (!global.TextEncoder || !global.TextDecoder) {

src/renderer/__helpers__/jest.setup.ts

@@ -24,7 +24,7 @@ export const RadioGroup: FC<IRadioGroup> = (props: IRadioGroup) => {
       <FieldLabel name={props.name} label={props.label} />
 
       {props.options.map((item) => {
-        const name = `radio-${props.name}-${item.value}`.toLowerCase();
+        const name = `radio-${props.name}-${item.value.toLowerCase()}`;
 
         return (
           <Stack

src/renderer/components/fields/RadioGroup.tsx

@@ -29,7 +29,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('radio-groupby-date'));
+    fireEvent.click(screen.getByTestId('radio-groupBy-date'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('groupBy', 'DATE');