test(vue): test mount with a selector (#1391)
This commit is contained in:
parent
d57749cbf7
commit
04751ff634
@ -99,6 +99,24 @@ describe('compiler + runtime integration', () => {
|
||||
expect(container.innerHTML).toBe('hello')
|
||||
})
|
||||
|
||||
it('should support selector of rootContainer', () => {
|
||||
const container = document.createElement('div')
|
||||
const origin = document.querySelector
|
||||
document.querySelector = jest.fn().mockReturnValue(container)
|
||||
|
||||
const App = {
|
||||
template: `{{ count }}`,
|
||||
data() {
|
||||
return {
|
||||
count: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
createApp(App).mount('#app')
|
||||
expect(container.innerHTML).toBe(`0`)
|
||||
document.querySelector = origin
|
||||
})
|
||||
|
||||
it('should warn when template is not avaiable', () => {
|
||||
const app = createApp({
|
||||
template: {}
|
||||
@ -118,4 +136,23 @@ describe('compiler + runtime integration', () => {
|
||||
'[Vue warn]: Template element not found or is empty: #not-exist-id'
|
||||
).toHaveBeenWarned()
|
||||
})
|
||||
|
||||
it('should warn when container is not found', () => {
|
||||
const origin = document.querySelector
|
||||
document.querySelector = jest.fn().mockReturnValue(null)
|
||||
const App = {
|
||||
template: `{{ count }}`,
|
||||
data() {
|
||||
return {
|
||||
count: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
createApp(App).mount('#not-exist-id')
|
||||
|
||||
expect(
|
||||
'[Vue warn]: Failed to mount app: mount target selector returned null.'
|
||||
).toHaveBeenWarned()
|
||||
document.querySelector = origin
|
||||
})
|
||||
})
|
||||
|
Loading…
Reference in New Issue
Block a user