mirror of https://github.com/vuejs/core.git
test(vapor): skip todo tests
This commit is contained in:
parent
527905a85b
commit
ab6f75d1da
|
@ -1,10 +1,10 @@
|
||||||
import { ref } from '@vue/reactivity'
|
import { ref } from '@vue/reactivity'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
import { createFor, createSelector, nextTick, renderEffect } from '../src/_old'
|
// import { createFor, createSelector, nextTick, renderEffect } from '../src'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('api: createSelector', () => {
|
describe.todo('api: createSelector', () => {
|
||||||
test('basic', async () => {
|
test('basic', async () => {
|
||||||
let calledTimes = 0
|
let calledTimes = 0
|
||||||
let expectedCalledTimes = 0
|
let expectedCalledTimes = 0
|
||||||
|
|
|
@ -11,13 +11,13 @@ import {
|
||||||
resolveComponent,
|
resolveComponent,
|
||||||
resolveDirective,
|
resolveDirective,
|
||||||
withDirectives,
|
withDirectives,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { warn } from '../src/_old/warning'
|
import { warn } from '@vue/runtime-dom'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('api: createVaporApp', () => {
|
describe.todo('api: createVaporApp', () => {
|
||||||
test('mount', () => {
|
test('mount', () => {
|
||||||
const Comp = defineComponent({
|
const Comp = defineComponent({
|
||||||
props: {
|
props: {
|
||||||
|
|
|
@ -1,17 +1,17 @@
|
||||||
import { ref, shallowRef } from '@vue/reactivity'
|
import { ref, shallowRef } from '@vue/reactivity'
|
||||||
import { createComponent } from '../src/_old/apiCreateComponent'
|
import { createComponent } from '../src/component'
|
||||||
import { setRef } from '../src/dom/templateRef'
|
import { setRef } from '../src/dom/templateRef'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
import {
|
import {
|
||||||
type ComponentInternalInstance,
|
type ComponentInternalInstance,
|
||||||
getCurrentInstance,
|
getCurrentInstance,
|
||||||
} from '../src/_old/component'
|
} from '../src/component'
|
||||||
import { defineComponent } from '../src/_old/apiDefineComponent'
|
import { defineVaporComponent } from '../src/apiDefineComponent'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
describe('api: expose', () => {
|
describe.todo('api: expose', () => {
|
||||||
test('via setup context', () => {
|
test('via setup context', () => {
|
||||||
const Child = defineComponent({
|
const Child = defineVaporComponent({
|
||||||
setup(_, { expose }) {
|
setup(_, { expose }) {
|
||||||
expose({
|
expose({
|
||||||
foo: 1,
|
foo: 1,
|
||||||
|
@ -40,7 +40,7 @@ describe('api: expose', () => {
|
||||||
|
|
||||||
test('via setup context (expose empty)', () => {
|
test('via setup context (expose empty)', () => {
|
||||||
let childInstance: ComponentInternalInstance | null = null
|
let childInstance: ComponentInternalInstance | null = null
|
||||||
const Child = defineComponent({
|
const Child = defineVaporComponent({
|
||||||
setup(_) {
|
setup(_) {
|
||||||
childInstance = getCurrentInstance()
|
childInstance = getCurrentInstance()
|
||||||
},
|
},
|
||||||
|
|
|
@ -13,13 +13,13 @@ import {
|
||||||
ref,
|
ref,
|
||||||
renderEffect,
|
renderEffect,
|
||||||
setText,
|
setText,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender<any>()
|
const define = makeRender<any>()
|
||||||
|
|
||||||
// reference: https://vue-composition-api-rfc.netlify.com/api.html#provide-inject
|
// reference: https://vue-composition-api-rfc.netlify.com/api.html#provide-inject
|
||||||
describe('api: provide/inject', () => {
|
describe.todo('api: provide/inject', () => {
|
||||||
it('string keys', () => {
|
it('string keys', () => {
|
||||||
const Provider = define({
|
const Provider = define({
|
||||||
setup() {
|
setup() {
|
||||||
|
|
|
@ -24,13 +24,13 @@ import {
|
||||||
renderEffect,
|
renderEffect,
|
||||||
setText,
|
setText,
|
||||||
template,
|
template,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
import { ITERATE_KEY } from '@vue/reactivity'
|
import { ITERATE_KEY } from '@vue/reactivity'
|
||||||
|
|
||||||
const define = makeRender<any>()
|
const define = makeRender<any>()
|
||||||
|
|
||||||
describe('api: lifecycle hooks', () => {
|
describe.todo('api: lifecycle hooks', () => {
|
||||||
it('onBeforeMount', () => {
|
it('onBeforeMount', () => {
|
||||||
const fn = vi.fn(() => {
|
const fn = vi.fn(() => {
|
||||||
expect(host.innerHTML).toBe(``)
|
expect(host.innerHTML).toBe(``)
|
||||||
|
|
|
@ -14,12 +14,12 @@ import {
|
||||||
setInheritAttrs,
|
setInheritAttrs,
|
||||||
template,
|
template,
|
||||||
watchEffect,
|
watchEffect,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('api: setup context', () => {
|
describe.todo('api: setup context', () => {
|
||||||
it('should expose return values to template render context', () => {
|
it('should expose return values to template render context', () => {
|
||||||
const { html } = define({
|
const { html } = define({
|
||||||
setup() {
|
setup() {
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import type { SetupContext } from '../src/_old/component'
|
import type { SetupContext } from '../src/component'
|
||||||
import {
|
import {
|
||||||
createComponent,
|
createComponent,
|
||||||
defineComponent,
|
defineComponent,
|
||||||
|
@ -6,12 +6,12 @@ import {
|
||||||
template,
|
template,
|
||||||
useAttrs,
|
useAttrs,
|
||||||
useSlots,
|
useSlots,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender<any>()
|
const define = makeRender<any>()
|
||||||
|
|
||||||
describe('SFC <script setup> helpers', () => {
|
describe.todo('SFC <script setup> helpers', () => {
|
||||||
test.todo('should warn runtime usage', () => {})
|
test.todo('should warn runtime usage', () => {})
|
||||||
|
|
||||||
test('useSlots / useAttrs (no args)', () => {
|
test('useSlots / useAttrs (no args)', () => {
|
||||||
|
|
|
@ -6,9 +6,9 @@ import {
|
||||||
ref,
|
ref,
|
||||||
watchEffect,
|
watchEffect,
|
||||||
watchSyncEffect,
|
watchSyncEffect,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
|
|
||||||
describe('watchEffect and onWatcherCleanup', () => {
|
describe.todo('watchEffect and onWatcherCleanup', () => {
|
||||||
test('basic', async () => {
|
test('basic', async () => {
|
||||||
let dummy = 0
|
let dummy = 0
|
||||||
let source: Ref<number>
|
let source: Ref<number>
|
||||||
|
|
|
@ -7,12 +7,12 @@ import {
|
||||||
setText,
|
setText,
|
||||||
template,
|
template,
|
||||||
watchEffect,
|
watchEffect,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender<any>()
|
const define = makeRender<any>()
|
||||||
|
|
||||||
describe('attribute fallthrough', () => {
|
describe.todo('attribute fallthrough', () => {
|
||||||
it('should allow attrs to fallthrough', async () => {
|
it('should allow attrs to fallthrough', async () => {
|
||||||
const t0 = template('<div>')
|
const t0 = template('<div>')
|
||||||
const { component: Child } = define({
|
const { component: Child } = define({
|
||||||
|
|
|
@ -9,13 +9,13 @@ import {
|
||||||
defineComponent,
|
defineComponent,
|
||||||
nextTick,
|
nextTick,
|
||||||
onBeforeUnmount,
|
onBeforeUnmount,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { isEmitListener } from '../src/_old/componentEmits'
|
import { isEmitListener } from '../src/componentEmits'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('component: emit', () => {
|
describe.todo('component: emit', () => {
|
||||||
test('trigger handlers', () => {
|
test('trigger handlers', () => {
|
||||||
const { render } = define({
|
const { render } = define({
|
||||||
setup(_, { emit }) {
|
setup(_, { emit }) {
|
||||||
|
|
|
@ -4,7 +4,7 @@ import { type Ref, ref } from '@vue/reactivity'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('component expose', () => {
|
describe.todo('component expose', () => {
|
||||||
test('should work', async () => {
|
test('should work', async () => {
|
||||||
const expxosedObj = { foo: 1 }
|
const expxosedObj = { foo: 1 }
|
||||||
const { render } = define({
|
const { render } = define({
|
||||||
|
|
|
@ -15,7 +15,7 @@ import {
|
||||||
setText,
|
setText,
|
||||||
template,
|
template,
|
||||||
withDestructure,
|
withDestructure,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender<any>()
|
const define = makeRender<any>()
|
||||||
|
@ -40,7 +40,7 @@ function renderWithSlots(slots: any): any {
|
||||||
return instance
|
return instance
|
||||||
}
|
}
|
||||||
|
|
||||||
describe('component: slots', () => {
|
describe.todo('component: slots', () => {
|
||||||
test('initSlots: instance.slots should be set correctly', () => {
|
test('initSlots: instance.slots should be set correctly', () => {
|
||||||
let instance: any
|
let instance: any
|
||||||
const Comp = defineComponent({
|
const Comp = defineComponent({
|
||||||
|
|
|
@ -9,7 +9,7 @@ import {
|
||||||
vModelDynamic,
|
vModelDynamic,
|
||||||
vModelSelect,
|
vModelSelect,
|
||||||
withDirectives,
|
withDirectives,
|
||||||
} from '../../src/_old'
|
} from '../../src'
|
||||||
import { makeRender } from '../_utils'
|
import { makeRender } from '../_utils'
|
||||||
import { nextTick } from '@vue/runtime-dom'
|
import { nextTick } from '@vue/runtime-dom'
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@ import {
|
||||||
template,
|
template,
|
||||||
vShow,
|
vShow,
|
||||||
withDirectives,
|
withDirectives,
|
||||||
} from '../../src/_old'
|
} from '../../src'
|
||||||
import { nextTick, ref } from 'vue'
|
import { nextTick, ref } from 'vue'
|
||||||
import { describe, expect, test } from 'vitest'
|
import { describe, expect, test } from 'vitest'
|
||||||
import { makeRender } from '../_utils'
|
import { makeRender } from '../_utils'
|
||||||
|
@ -29,7 +29,7 @@ const createDemo = (defaultValue: boolean) =>
|
||||||
return n0
|
return n0
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('directive: v-show', () => {
|
describe.todo('directive: v-show', () => {
|
||||||
test('basic', async () => {
|
test('basic', async () => {
|
||||||
const { host } = createDemo(true).render()
|
const { host } = createDemo(true).render()
|
||||||
const btn = host.querySelector('button')
|
const btn = host.querySelector('button')
|
||||||
|
|
|
@ -10,24 +10,17 @@ import {
|
||||||
setValue,
|
setValue,
|
||||||
} from '../../src/dom/prop'
|
} from '../../src/dom/prop'
|
||||||
import { setStyle } from '../../src/dom/style'
|
import { setStyle } from '../../src/dom/style'
|
||||||
import {
|
import { VaporComponentInstance } from '../../src/component'
|
||||||
ComponentInternalInstance,
|
import { currentInstance, simpleSetCurrentInstance } from '@vue/runtime-dom'
|
||||||
setCurrentInstance,
|
|
||||||
} from '../../src/_old/component'
|
|
||||||
import { getMetadata, recordPropMetadata } from '../../src/componentMetadata'
|
import { getMetadata, recordPropMetadata } from '../../src/componentMetadata'
|
||||||
import { getCurrentScope } from '@vue/reactivity'
|
|
||||||
|
|
||||||
let removeComponentInstance = NOOP
|
let removeComponentInstance = NOOP
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
const instance = new ComponentInternalInstance((() => {}) as any, {}, null)
|
const instance = new VaporComponentInstance({}, {}, null)
|
||||||
const reset = setCurrentInstance(instance)
|
const prev = currentInstance
|
||||||
const prev = getCurrentScope()
|
simpleSetCurrentInstance(instance)
|
||||||
instance.scope.on()
|
|
||||||
removeComponentInstance = () => {
|
removeComponentInstance = () => {
|
||||||
instance.scope.prevScope = prev
|
simpleSetCurrentInstance(prev)
|
||||||
instance.scope.off()
|
|
||||||
reset()
|
|
||||||
removeComponentInstance = NOOP
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
afterEach(() => {
|
afterEach(() => {
|
||||||
|
|
|
@ -12,12 +12,12 @@ import {
|
||||||
setText,
|
setText,
|
||||||
template,
|
template,
|
||||||
watchEffect,
|
watchEffect,
|
||||||
} from '../../src/_old'
|
} from '../../src'
|
||||||
import { makeRender } from '../_utils'
|
import { makeRender } from '../_utils'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('api: template ref', () => {
|
describe.todo('api: template ref', () => {
|
||||||
test('string ref mount', () => {
|
test('string ref mount', () => {
|
||||||
const t0 = template('<div ref="refKey"></div>')
|
const t0 = template('<div ref="refKey"></div>')
|
||||||
const el = ref(null)
|
const el = ref(null)
|
||||||
|
|
|
@ -7,12 +7,12 @@ import {
|
||||||
template,
|
template,
|
||||||
triggerRef,
|
triggerRef,
|
||||||
withDestructure,
|
withDestructure,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('createFor', () => {
|
describe.todo('createFor', () => {
|
||||||
test('array source', async () => {
|
test('array source', async () => {
|
||||||
const list = ref([{ name: '1' }, { name: '2' }, { name: '3' }])
|
const list = ref([{ name: '1' }, { name: '2' }, { name: '3' }])
|
||||||
function reverse() {
|
function reverse() {
|
||||||
|
|
|
@ -8,14 +8,14 @@ import {
|
||||||
setText,
|
setText,
|
||||||
template,
|
template,
|
||||||
withDirectives,
|
withDirectives,
|
||||||
} from '../src/_old'
|
} from '../src'
|
||||||
import type { Mock } from 'vitest'
|
import type { Mock } from 'vitest'
|
||||||
import { makeRender } from './_utils'
|
import { makeRender } from './_utils'
|
||||||
import { unmountComponent } from '../src/_old/apiRender'
|
import { unmountComponent } from '../src/component'
|
||||||
|
|
||||||
const define = makeRender()
|
const define = makeRender()
|
||||||
|
|
||||||
describe('createIf', () => {
|
describe.todo('createIf', () => {
|
||||||
test('basic', async () => {
|
test('basic', async () => {
|
||||||
// mock this template:
|
// mock this template:
|
||||||
// <div>
|
// <div>
|
||||||
|
|
|
@ -38,8 +38,5 @@
|
||||||
"scripts/*",
|
"scripts/*",
|
||||||
"rollup.*.js"
|
"rollup.*.js"
|
||||||
],
|
],
|
||||||
"exclude": [
|
"exclude": ["packages-private/sfc-playground/src/vue-dev-proxy*"]
|
||||||
"packages-private/sfc-playground/src/vue-dev-proxy*",
|
|
||||||
"packages/runtime-vapor/src/_old"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue