vitest/test/cli/fixtures/vm-threads/import-external-css-assets.test.js
renovate[bot] 46b3529a81
chore(deps): update dependency jsdom to v27 (#8700)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Vladimir Sheremet <sleuths.slews0s@icloud.com>
2025-11-06 15:05:35 +01:00

44 lines
1.5 KiB
JavaScript

// @vitest-environment jsdom
import { describe, expect, test } from 'vitest'
import './src/external/css/empty.css'
import './src/external/css/processed.css'
import processedModule from './src/external/css/processed.module.css'
import file1 from './src/external/assets/file1.png'
import file2 from './src/external/assets/file2.txt'
import file3 from './src/external/assets/file3.svg'
describe('import external css', () => {
test('when importing empty.css, element doesn\'t change style', () => {
const el = document.createElement('div')
el.classList.add('test1')
expect(el.classList.contains('test1')).toBe(true)
expect(window.getComputedStyle(el).color).toBe('rgb(0, 0, 0)')
})
test('when importing processed.css, element changes style', () => {
const el = document.createElement('div')
el.classList.add('test2')
expect(el.classList.contains('test2')).toBe(true)
expect(window.getComputedStyle(el).color).toBe('rgb(0, 128, 0)')
})
test('when importing processed.module.css, element changes style', () => {
const el = document.createElement('div')
el.classList.add(processedModule.test3)
expect(el.classList.contains(processedModule.test3)).toBe(true)
expect(window.getComputedStyle(el).color).toBe('rgb(255, 255, 0)')
})
})
describe('import external assets', () => {
test('correctly imports assets as paths', () => {
expect(file1).toBe('/src/external/assets/file1.png')
expect(file2).toBe('/src/external/assets/file2.txt')
expect(file3).toBe('/src/external/assets/file3.svg')
})
})