added partialComponentPropsMatcher to test components

Author: koji

app/src/__testing-utils__/matchers.ts

@@ -1,7 +1,6 @@
-
+import { when } from 'vitest-when'
 import type { Matcher } from '@testing-library/react'
 
-
 // Match things like <p>Some <strong>nested</strong> text</p>
 // Use with either string match: getByText(nestedTextMatcher("Some nested text"))
 // or regexp: getByText(nestedTextMatcher(/Some nested text/))
@@ -21,3 +20,9 @@ export const nestedTextMatcher = (textMatch: string | RegExp): Matcher => (
 
   return nodeHasText && childrenDontHaveText
 }
+
+export const partialComponentPropsMatcher = (argsToMatch: unknown): any =>
+  // @ts-expect-error(sa, 2021-08-03): when.allArgs not part of type definition yet for jest-when
+  when.allArgs((args, equals) =>
+    equals(args[0], expect.objectContaining(argsToMatch))
+  )

app/src/organisms/ProtocolDetails/__tests__/ProtocolDetails.test.tsx

@@ -4,7 +4,10 @@ import { StaticRouter } from 'react-router-dom'
 import { when } from 'vitest-when'
 import { describe, it, beforeEach, vi, expect, afterEach } from 'vitest'
 
-import { renderWithProviders } from '../../../__testing-utils__'
+import {
+  partialComponentPropsMatcher,
+  renderWithProviders,
+} from '../../../__testing-utils__'
 import { i18n } from '../../../i18n'
 import { ChooseRobotToRunProtocolSlideout } from '../../../organisms/ChooseRobotToRunProtocolSlideout'
 import {