test(vapor): skip todo tests

This commit is contained in:
Evan You 2024-12-10 07:34:23 +08:00
parent 527905a85b
commit ab6f75d1da
No known key found for this signature in database
GPG Key ID: 00E9AB7A6704CE0A
19 changed files with 47 additions and 57 deletions

View File

@ -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

View File

@ -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: {

View File

@ -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()
}, },

View File

@ -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() {

View File

@ -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(``)

View File

@ -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() {

View File

@ -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)', () => {

View File

@ -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>

View File

@ -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({

View File

@ -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 }) {

View File

@ -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({

View File

@ -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({

View File

@ -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'

View File

@ -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')

View File

@ -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(() => {

View File

@ -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)

View File

@ -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() {

View File

@ -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>

View File

@ -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"
]
} }