diff --git a/e2e/react-start/rsc-query/tests/rsc-query-no-loader-css.spec.ts b/e2e/react-start/rsc-query/tests/rsc-query-no-loader-css.spec.ts index 698fd55ec0..e2ae940419 100644 --- a/e2e/react-start/rsc-query/tests/rsc-query-no-loader-css.spec.ts +++ b/e2e/react-start/rsc-query/tests/rsc-query-no-loader-css.spec.ts @@ -36,10 +36,7 @@ test.describe('RSC Query Without Loader CSS Tests', () => { 'CSS Modules via Render-Time Suspense Query', ) - const backgroundColor = await container.evaluate( - (el) => getComputedStyle(el).backgroundColor, - ) - expect(backgroundColor).toBe('rgb(224, 242, 254)') + await expect(container).toHaveCSS('background-color', 'rgb(224, 242, 254)') }) test('client-side navigation keeps streamed query CSS intact', async ({ @@ -55,9 +52,6 @@ test.describe('RSC Query Without Loader CSS Tests', () => { const container = page.getByTestId('rsc-css-modules-content') await expect(container).toBeVisible() - const backgroundColor = await container.evaluate( - (el) => getComputedStyle(el).backgroundColor, - ) - expect(backgroundColor).toBe('rgb(224, 242, 254)') + await expect(container).toHaveCSS('background-color', 'rgb(224, 242, 254)') }) })