test: align consumer assertions with consolidated chip APIs

Author: Bill Leoutsakos

apps/sim/components/emails/_styles/base.tokens.test.ts

@@ -7,16 +7,13 @@
  */
 import { readFileSync } from 'node:fs'
 import { join } from 'node:path'
+import { chipGeometryClass } from '@sim/emcn/components/chip/chip-chrome'
 import { describe, expect, it } from 'vitest'
 import { baseStyles, colors, typography } from '@/components/emails/_styles'
 
 const APP_ROOT = join(__dirname, '../../..')
 
 const globalsCss = readFileSync(join(APP_ROOT, 'app/_styles/globals.css'), 'utf8')
-const chipChrome = readFileSync(
-  join(APP_ROOT, '../../packages/emcn/src/components/chip/chip-chrome.ts'),
-  'utf8'
-)
 
 /**
  * The type scale moved into the `@theme` block when the v4 upgrade removed
@@ -85,7 +82,7 @@ describe('email type scale mirrors the globals.css @theme scale', () => {
   it('sm is Tailwind stock 14px — the size text-sm resolves to in chip chrome', () => {
     expect(typography.fontSize.sm).toBe('14px')
     expect(tailwindFontSize.sm).toBeUndefined()
-    expect(chipChrome).toContain('text-sm')
+    expect(chipGeometryClass).toContain('text-sm')
   })
 
   it('display is deliberately off-scale — the platform has no headline numeral', () => {
@@ -101,18 +98,9 @@ describe('email geometry mirrors the platform', () => {
   })
 
   it('the CTA transcribes chipGeometryClass', () => {
-    // chipGeometryClass composes the unrounded geometry with the default radius,
-    // so the transcription reads both halves rather than one literal.
-    expect(chipChrome).toMatch(
-      /chipGeometryClass = `\$\{chipGeometryUnroundedClass\} \$\{chipRadiusClass\}`/
-    )
-    const unrounded = chipChrome.match(/chipGeometryUnroundedClass = `([^`]+)`/)?.[1]
-    const radius = chipChrome.match(/chipRadiusClass = '([^']+)'/)?.[1]
-    expect(unrounded).toBeDefined()
-    expect(radius).toBeDefined()
-    const geometry = `${unrounded} ${radius}`
+    // Read the composed token so splitting shared constants cannot hide drift.
     for (const token of ['h-[30px]', 'rounded-lg', 'px-2', 'text-sm']) {
-      expect(geometry).toContain(token)
+      expect(chipGeometryClass).toContain(token)
     }
 
     expect(baseStyles.button.lineHeight).toBe('30px')

apps/sim/ee/credential-groups/components/organization-workspace-grant-modal.test.tsx

@@ -59,7 +59,7 @@ describe('workspace integration grant editor', () => {
     return result
   }
   function integrationOption(label: string) {
-    const result = [...document.querySelectorAll<HTMLElement>('[role="menuitem"]')].find(
+    const result = [...document.querySelectorAll<HTMLElement>('[role="menuitemcheckbox"]')].find(
       (element) => element.textContent === label
     )
     if (!result) throw new Error(`Missing ${label} option`)
@@ -98,7 +98,9 @@ describe('workspace integration grant editor', () => {
     await selectWorkspace()
     expect(button('Add workspace').disabled).toBe(true)
     await openIntegrations()
-    expect(document.querySelector('[role="menuitem"]')?.textContent).toBe('All integrations')
+    expect(document.querySelector('[role="menuitemcheckbox"]')?.textContent).toBe(
+      'All integrations'
+    )
     await act(async () => integrationOption('Gmail').click())
     await closeIntegrations()
     expect(button('Add workspace').disabled).toBe(false)
@@ -126,7 +128,9 @@ describe('workspace integration grant editor', () => {
   it('narrows broad access when a specific integration is selected', async () => {
     await render()
     await openIntegrations()
-    expect(document.querySelector('[role="menuitem"]')?.textContent).toBe('All integrations')
+    expect(document.querySelector('[role="menuitemcheckbox"]')?.textContent).toBe(
+      'All integrations'
+    )
     await act(async () => integrationOption('Gmail').click())
     await closeIntegrations()
     await click('Save access')
@@ -200,7 +204,7 @@ describe('workspace integration grant editor', () => {
       search?.dispatchEvent(new Event('input', { bubbles: true }))
     })
     expect(
-      [...document.querySelectorAll('[role="menuitem"]')].map((item) => item.textContent)
+      [...document.querySelectorAll('[role="menuitemcheckbox"]')].map((item) => item.textContent)
     ).toEqual(['Google Calendar'])
     await act(async () => integrationOption('Google Calendar').click())
     await closeIntegrations()