test: add failing tests

Author: posva

Diff for: packages/pinia/__tests__/multipleRoots.spec.ts

@@ -11,61 +11,75 @@ describe('Multiple Roots', () => {
     })
   }
 
-  it('uses the same root in child components by default', () => {
+  it('provides a pinia to children components', async () => {
     const pinia = createPinia()
-    const useStore = defineMyStore()
+    const useA = defineMyStore()
+    let nestedA!: ReturnType<typeof useA>
 
     const ChildComponent = defineComponent({
       template: 'no',
       setup() {
-        const store = useStore()
-        expect(store.n).toBe(1)
+        // should use the provided pinia by the parent
+        const store = useA()
+        nestedA = store
+        expect(store.n).toBe(0)
       },
     })
-
     mount(
       {
         template: '<ChildComponent />',
         components: { ChildComponent },
         setup() {
-          const store = useStore()
+          providePinia(createPinia())
+          const store = useA()
           expect(store.n).toBe(0)
           store.n++
         },
       },
       { global: { plugins: [pinia] } }
     )
 
-    const store = useStore()
+    const store = useA()
+    // should be the parent one
+    expect(store).not.toBe(nestedA)
     expect(store.n).toBe(1)
   })
 
-  it('can use a new pinia root for all child components', async () => {
+  it('should be able to use plugins', async () => {
     const pinia = createPinia()
-    const useStore = defineMyStore()
+    const useA = defineMyStore()
+
+    // @ts-expect-error: type not defined
+    pinia.use(() => ({ parent: true }))
 
     const ChildComponent = defineComponent({
       template: 'no',
       setup() {
-        const store = useStore()
-        expect(store.n).toBe(0)
+        // should use the provided pinia by the parent
+        const store = useA()
+        // @ts-expect-error: not defined
+        expect(store.parent).toBeUndefined()
+        // @ts-expect-error: not defined
+        expect(store.child).toBe(true)
       },
     })
     mount(
       {
         template: '<ChildComponent />',
         components: { ChildComponent },
         setup() {
-          providePinia(createPinia())
-          const store = useStore()
-          expect(store.n).toBe(0)
-          store.n++
+          const pinia = createPinia()
+          // @ts-expect-error: type not defined
+          pinia.use(() => ({ child: true }))
+          providePinia(pinia)
+          const store = useA()
+          // @ts-expect-error: not defined
+          expect(store.child).toBeUndefined()
+          // @ts-expect-error: not defined
+          expect(store.parent).toBe(true)
         },
       },
       { global: { plugins: [pinia] } }
     )
-
-    const store = useStore()
-    expect(store.n).toBe(0)
   })
 })