test: add failing test for exposed methods on components within suspense

nuxt · Dec 5, 2023 · a4ec3f8 · a4ec3f8
1 parent 33651af
commit a4ec3f8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/examples/app-vitest-full/components/WrapperTests.vue b/examples/app-vitest-full/components/WrapperTests.vue
@@ -11,7 +11,8 @@ function testExpose () {
 const modelValue = defineModel({ default: false })
 
 defineExpose({
-  testExpose
+  testExpose,
+  someRef: ref('thing')
 })
 </script>
 

diff --git a/examples/app-vitest-full/tests/nuxt/index.spec.ts b/examples/app-vitest-full/tests/nuxt/index.spec.ts
@@ -144,6 +144,13 @@ describe('test utils', () => {
     expect(component.emitted()).toHaveProperty('update:modelValue')
   })
 
+  // TODO: fix this failing test
+  it.todo('can access exposed methods/refs from components mounted within nuxt suspense', async () => {
+    const component = await mountSuspended(WrapperTests)
+    expect(component.vm.testExpose?.()).toBe('thing')
+    expect(component.vm.someRef).toBe('thing')
+  })
+
   it('can mock fetch requests', async () => {
     registerEndpoint('https://jsonplaceholder.typicode.com/todos/1', () => ({
       title: 'title from mocked api',