test: add test for access to parentViewModel (with view model store)

Author: js2me

src/hoc/with-view-model.test.tsx

@@ -344,5 +344,74 @@ describe('withViewModel', () => {
 
       expect(viewModels).toBeDefined();
     });
+
+    test('access to parent view model x3', async ({ task }) => {
+      const vmStore = new ViewModelStoreImpl();
+
+      const Wrapper = ({ children }: { children?: ReactNode }) => {
+        return (
+          <ViewModelsProvider value={vmStore}>{children}</ViewModelsProvider>
+        );
+      };
+
+      class VM1 extends ViewModelMock {
+        vm1Value = 'foo';
+      }
+      const Component1 = withViewModel(VM1)(({
+        children,
+        model,
+      }: PropsWithChildren & ViewModelProps<VM1>) => {
+        return <div data-testid={`vm-${model.vm1Value}`}>{children}</div>;
+      });
+
+      class VM2 extends ViewModelMock<EmptyObject, VM1> {
+        vm2Value = 'bar';
+      }
+      const Component2 = withViewModel(VM2)(({
+        children,
+        model,
+      }: PropsWithChildren & ViewModelProps<VM2>) => {
+        return (
+          <div
+            data-testid={`vm-${model.vm2Value}-${model.parentViewModel.vm1Value}`}
+          >
+            {children}
+          </div>
+        );
+      });
+
+      class VM3 extends ViewModelMock<EmptyObject, VM2> {
+        vm3Value = 'baz';
+      }
+      const Component3 = withViewModel(VM3)(({
+        children,
+        model,
+      }: PropsWithChildren & ViewModelProps<VM3>) => {
+        return (
+          <div
+            data-testid={`vm-${model.vm3Value}-${model.parentViewModel.vm2Value}`}
+          >
+            {children}
+          </div>
+        );
+      });
+
+      const { container } = await act(async () =>
+        render(
+          <Component1>
+            <Component2>
+              <Component3 />
+            </Component2>
+          </Component1>,
+          {
+            wrapper: Wrapper,
+          },
+        ),
+      );
+
+      expect(container.firstChild).toMatchFileSnapshot(
+        `../../tests/snapshots/hoc/with-view-model/view-model-store/${task.name}.html`,
+      );
+    });
   });
 });

tests/snapshots/hoc/with-view-model/view-model-store/access to parent view model x3.html

@@ -0,0 +1,11 @@
+<div
+  data-testid="vm-foo"
+>
+  <div
+    data-testid="vm-bar-foo"
+  >
+    <div
+      data-testid="vm-baz-bar"
+    />
+  </div>
+</div>