@applicaster/zapp-react-native-app 12.0.0-alpha.4620237415 → 12.0.0-alpha.4739493702

package/App/Layout/__tests__/index.test.ts

@@ -0,0 +1,7 @@
+describe("Layout", () => {
+  it.todo("should match snapshot when appReady is true");
+  it.todo("should not render transitioner with screen when appReady is false");
+  it.todo("should render menu when showMenu is true");
+  it.todo("should render VideoModal when visible & VideoModal is true");
+  it.todo("should render ZappHooksModal");
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-app",
-  "version": "12.0.0-alpha.4620237415",
+  "version": "12.0.0-alpha.4739493702",
   "description": "Zapp App Component for Applicaster's Quick Brick React Native App",
   "main": "index.js",
   "scripts": {
@@ -29,11 +29,11 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/quick-brick-core": "12.0.0-alpha.4620237415",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4620237415",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4620237415",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.4620237415",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4620237415",
+    "@applicaster/quick-brick-core": "12.0.0-alpha.4739493702",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4739493702",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4739493702",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.4739493702",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4739493702",
     "axios": "^0.28.0",
     "camelize": "^1.0.0",
     "query-string": "7.1.3",

package/App/Layout/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,99 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Layout should match snapshot when appReady is true 1`] = `
-<RNCSafeAreaProvider
-  onInsetsChange={[Function]}
-  style={
-    Array [
-      Object {
-        "flex": 1,
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    onLayout={[Function]}
-    style={
-      Object {
-        "flex": 1,
-      }
-    }
-    testID="on-layout-view"
-  >
-    <View
-      style={
-        Object {
-          "display": "none",
-          "flex": 1,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "height": "100%",
-            "opacity": 1,
-            "paddingBottom": 50,
-          }
-        }
-      >
-        <View
-          contentStyle={
-            Object {
-              "height": "100%",
-              "opacity": 1,
-              "paddingBottom": 50,
-            }
-          }
-          isRTL={false}
-          testID="transitioner"
-          transitionConfig={[Function]}
-        >
-          <View
-            pathname="home"
-            screenData={Object {}}
-          />
-        </View>
-      </View>
-      <View
-        bottomTabBarHeight={50}
-        closeMenu={[MockFunction]}
-        dimensions={
-          Object {
-            "window": Object {
-              "height": 100,
-              "width": 100,
-            },
-          }
-        }
-        id="home"
-        isRTL={false}
-        navigator={
-          Object {
-            "activeRiver": Object {
-              "navigations": Array [],
-            },
-            "currentRoute": "home",
-            "data": Object {},
-            "isVideoModalDocked": false,
-            "videoModalState": Object {
-              "mode": "MINIMIZED",
-              "visible": false,
-            },
-          }
-        }
-        openMenu={[MockFunction]}
-        setCloseMenu={[MockFunction]}
-        setOpenMenu={[MockFunction]}
-        setToggleMenu={[MockFunction]}
-        testID="menu"
-        toggleMenu={[MockFunction]}
-      />
-      <View
-        testID="zappHooksModal"
-      />
-    </View>
-  </View>
-</RNCSafeAreaProvider>
-`;

package/App/Layout/__tests__/index.test.tsx

@@ -1,197 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { renderWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
-
-const mockUseMenuToggleContext = jest.fn(() => ({
-  toggleMenu: jest.fn(),
-  setToggleMenu: jest.fn(),
-  openMenu: jest.fn(),
-  setOpenMenu: jest.fn(),
-  closeMenu: jest.fn(),
-  setCloseMenu: jest.fn(),
-}));
-
-jest.mock("../layoutHelpers", () => ({
-  // eslint-disable-next-line react/display-name
-  getNavigationPluginModule: () => (props) => <View testID="menu" {...props} />,
-}));
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/Transitioner",
-  () => ({
-    // eslint-disable-next-line react/display-name
-    Transitioner: (props) => <View testID="transitioner" {...props} />,
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/Screen",
-  () => ({
-    // eslint-disable-next-line react/display-name
-    Screen: (props) => <View {...props} />,
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Contexts/MenuToggleContext",
-  () => ({
-    useMenuToggleContext: mockUseMenuToggleContext,
-  })
-);
-
-const mockUseNavigation = jest.fn();
-
-jest.mock(
-  "@applicaster/zapp-react-native-utils/reactHooks/navigation/useNavigation",
-  () => ({
-    useNavigation: mockUseNavigation,
-  })
-);
-
-jest.mock("@applicaster/zapp-react-native-utils/reactHooks/navigation", () => ({
-  ...(jest.requireActual(
-    "@applicaster/zapp-react-native-utils/reactHooks/navigation"
-  ) as {}),
-  useGetBottomTabBarHeight: jest.fn(() => 50),
-}));
-
-jest.mock(
-  "@applicaster/zapp-react-native-utils/reactHooks/layout/useDimensions",
-  () => ({
-    useDimensions: jest.fn(() => ({ width: 100, height: 100 })),
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-native-utils/reactHooks/screen/useScreenContext",
-  () => ({
-    useNavbarState: jest.fn(() => ({ title: "Test Title" })),
-  })
-);
-
-jest.mock("@applicaster/zapp-react-native-utils/localizationUtils", () => ({
-  useIsRTL: jest.fn(() => false),
-}));
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation/ModalAnimationContext",
-  () => ({
-    ...(jest.requireActual(
-      "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation/ModalAnimationContext"
-    ) as {}),
-    useModalAnimationContext: jest.fn(() => ({
-      isActiveGesture: false,
-    })),
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/Screen/navigationHandler",
-  () => ({
-    isMenuVisible: jest.fn(() => true),
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-dom-ui-components/Components/ZappHooksModal",
-  () => ({
-    // eslint-disable-next-line react/display-name
-    ZappHooksModal: (props) => <View testID="zappHooksModal" {...props} />,
-  })
-);
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/VideoModal",
-  () => ({
-    // eslint-disable-next-line react/display-name
-    VideoModal: (props) => <View testID="videoModal" {...props} />,
-  })
-);
-
-jest.mock("@applicaster/zapp-react-native-utils/navigationUtils", () => ({
-  getNavigationProps: () => ({}),
-  resolveNavigationPlugin: () => ({
-    identifier: "quick-brick-bottom-tabs",
-  }),
-}));
-
-const { Layout } = require("../");
-
-describe("Layout", () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-
-    mockUseNavigation.mockImplementation(() => ({
-      activeRiver: { navigations: [] },
-      videoModalState: { visible: false, mode: "MINIMIZED" },
-      isVideoModalDocked: false,
-      currentRoute: "home",
-      data: {},
-    }));
-  });
-
-  it("should match snapshot when appReady is true", () => {
-    const { toJSON } = renderWithProviders(<Layout />);
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it("should not render transitioner with screen when appReady is false", () => {
-    const { queryByTestId } = renderWithProviders(<Layout />, {
-      appState: {
-        appReady: false,
-        appLaunched: true,
-      },
-    });
-
-    expect(queryByTestId("transitioner")).toBeNull();
-  });
-
-  it("should render menu when showMenu is true", () => {
-    const { getByTestId } = renderWithProviders(<Layout />);
-    expect(getByTestId("menu")).toBeTruthy();
-  });
-
-  it("should render VideoModal when visible & VideoModal is true", () => {
-    mockUseNavigation.mockReturnValue({
-      activeRiver: { navigations: [] },
-      videoModalState: { visible: true, mode: "MINIMIZED" },
-      isVideoModalDocked: false,
-      currentRoute: "home",
-      data: {},
-    });
-
-    const { getByTestId } = renderWithProviders(<Layout />);
-    expect(getByTestId("videoModal")).toBeTruthy();
-  });
-
-  it("should render ZappHooksModal", () => {
-    const { getByTestId } = renderWithProviders(<Layout />);
-    expect(getByTestId("zappHooksModal")).toBeTruthy();
-  });
-
-  it("padding should be non-0 when showMenu is true and isBottomTabsPlugin is true", () => {
-    mockUseNavigation.mockReturnValueOnce({
-      activeRiver: { navigations: [{ identifier: "quick-brick-bottom-tabs" }] },
-      videoModalState: { visible: false, mode: "MINIMIZED" },
-      isVideoModalDocked: false,
-      currentRoute: "home",
-      data: {},
-    });
-
-    const { getByTestId } = renderWithProviders(<Layout />);
-
-    expect(getByTestId("transitioner").props.contentStyle.paddingBottom).toBe(
-      50
-    );
-  });
-
-  it("transitioner should have contentStyle with specific styles", () => {
-    const { getByTestId } = renderWithProviders(<Layout />);
-
-    expect(getByTestId("transitioner").props.contentStyle).toEqual({
-      height: "100%",
-      paddingBottom: 50,
-      opacity: 1,
-    });
-  });
-});