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