35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import { generate, baseParse, transform } from '@vue/compiler-core'
|
|
import { transformSrcset } from '../src/templateTransformSrcset'
|
|
import { transformElement } from '../../compiler-core/src/transforms/transformElement'
|
|
import { transformBind } from '../../compiler-core/src/transforms/vBind'
|
|
|
|
function compileWithSrcset(template: string) {
|
|
const ast = baseParse(template)
|
|
transform(ast, {
|
|
nodeTransforms: [transformSrcset, transformElement],
|
|
directiveTransforms: {
|
|
bind: transformBind
|
|
}
|
|
})
|
|
return generate(ast, { mode: 'module' })
|
|
}
|
|
|
|
describe('compiler sfc: transform srcset', () => {
|
|
test('transform srcset', () => {
|
|
const result = compileWithSrcset(`
|
|
<img src="./logo.png" srcset="./logo.png"/>
|
|
<img src="./logo.png" srcset="./logo.png 2x"/>
|
|
<img src="./logo.png" srcset="./logo.png 2x"/>
|
|
<img src="./logo.png" srcset="./logo.png, ./logo.png 2x"/>
|
|
<img src="./logo.png" srcset="./logo.png 2x, ./logo.png"/>
|
|
<img src="./logo.png" srcset="./logo.png 2x, ./logo.png 3x"/>
|
|
<img src="./logo.png" srcset="./logo.png, ./logo.png 2x, ./logo.png 3x"/>
|
|
<img src="/logo.png" srcset="/logo.png, /logo.png 2x"/>
|
|
<img src="https://example.com/logo.png" srcset="https://example.com/logo.png, https://example.com/logo.png 2x"/>
|
|
<img src="/logo.png" srcset="/logo.png, ./logo.png 2x"/>
|
|
`)
|
|
|
|
expect(result.code).toMatchSnapshot()
|
|
})
|
|
})
|