emotion-swc.test.ts

import { join } from 'path'
import { nextTestSetup } from 'e2e-utils'

describe('emotion SWC option', () => {
  const { next } = nextTestSetup({
    files: join(__dirname, 'fixture'),
    dependencies: {
      '@emotion/react': '11.10.4',
      '@emotion/styled': '11.10.4',
      '@emotion/cache': '11.10.3',
    },
  })

  it('should have styling from the css prop', async () => {
    const browser = await next.browser('/')

    const color = await browser
      .elementByCss('#test-element')
      .getComputedCss('background-color')
    expect(color).toBe('rgb(255, 192, 203)')
  })
})