data-url.test.ts

/* eslint-env jest */

import { nextTestSetup } from 'e2e-utils'
import { colorToRgb } from 'next-test-utils'

describe('SCSS Support loader handling Data Urls', () => {
  const { next } = nextTestSetup({
    files: __dirname,
    dependencies: {
      sass: '1.54.0',
    },
  })

  it('should render the module', async () => {
    const browser = await next.browser('/')
    const redText = await browser.elementByCss('.red-text')
    expect(await redText.getComputedCss('color')).toBe(colorToRgb('red'))
    expect(await redText.getComputedCss('background-image')).toMatch(
      /url\("data:[^"]+"\)$/
    )
  })
})