@applicaster/quick-brick-core 13.0.0-alpha.3099523645 → 13.0.0-alpha.3144359118

package/App/NetworkStatusProvider/utils.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/tizen-tv-webapis" />
 import * as R from "ramda";
 
 import { NetInfoState } from "@react-native-community/netinfo";

package/App/appLifeCycleManager/__tests__/appLifeCycleManager.test.tsx

@@ -0,0 +1,146 @@
+import * as React from "react";
+import { View, Text } from "react-native";
+import { render, waitFor } from "@testing-library/react-native";
+import thunk from "redux-thunk";
+import configureStore from "redux-mock-store";
+
+let mocked_items: Record<string, any> = {};
+
+import { appLifeCycleManager } from "../";
+
+const mock_actions = {};
+
+jest.mock("@applicaster/zapp-react-native-redux/AppData", () => ({
+  loadAppData: jest.fn(() => () => Promise.resolve()),
+}));
+
+jest.mock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
+  useActions: jest.fn(() => ({ actions: mock_actions })),
+}));
+
+jest.mock(
+  "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage",
+  () => ({
+    localStorage: {
+      getAllItems: jest.fn(() => Promise.resolve(mocked_items)),
+      setItem: jest.fn((key, value) => {
+        mocked_items[key] = JSON.stringify(value);
+
+        return Promise.resolve(true);
+      }),
+      getItem: jest.fn((key) => {
+        if (mocked_items[key]) {
+          if (typeof mocked_items[key] === "string") {
+            return Promise.resolve(JSON.parse(mocked_items[key]));
+          } else {
+            return Promise.resolve(mocked_items[key]);
+          }
+        } else {
+          return Promise.resolve([]);
+        }
+      }),
+      __reset() {
+        mocked_items = {};
+      },
+    },
+  })
+);
+
+const Component = () => (
+  <View>
+    <Text>I'm a component</Text>
+  </View>
+);
+
+const QuickBrickManager = {
+  sendQuickBrickEvent: jest.fn(),
+};
+
+const LOADING_ERROR = new Error("loading failed");
+
+const appLoader = jest.fn((_dispatch, _getState) => {
+  if (_getState().shouldFail) return Promise.reject(LOADING_ERROR);
+
+  return Promise.resolve();
+});
+
+const store = configureStore([thunk])({});
+const dispatch = store.dispatch;
+
+const state = {
+  rivers: {},
+  plugins: {},
+  appSettings: { runtimeConfigurationUrls: { rivers: "http://rivers.url" } },
+};
+
+const QUICK_BRICK_READY_EVENT = "quickBrickReady";
+
+describe("appLifeCycleManager", () => {
+  const decorator = appLifeCycleManager(appLoader, QuickBrickManager);
+  const DecoratedComponent = decorator(Component);
+
+  beforeEach(() => {
+    appLoader.mockClear();
+    QuickBrickManager.sendQuickBrickEvent.mockClear();
+  });
+
+  it("returns a function to decorate a component", () => {
+    expect(decorator).toBeDefined();
+  });
+
+  it("runs the loaders, then sends quickBrickReady event", async () => {
+    const testCallback = jest.fn(() => {});
+
+    render(
+      <DecoratedComponent
+        dispatch={dispatch}
+        {...state}
+        testCallback={testCallback}
+      />
+    );
+
+    await waitFor(() => {
+      return expect(testCallback).toHaveBeenCalled();
+    });
+
+    const actions = store.getActions();
+
+    expect(actions[0]).toMatchObject({ type: "SET_APP_READY" });
+
+    expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
+      QUICK_BRICK_READY_EVENT
+    );
+
+    expect(appLoader).toHaveBeenCalled();
+  });
+
+  it("sends the quickBrickReady event when a loader doesn't resolves", async () => {
+    const testCallback = jest.fn(() => {});
+
+    render(
+      <DecoratedComponent
+        dispatch={dispatch}
+        {...state}
+        shouldFail
+        testCallback={testCallback}
+      />
+    );
+
+    const actions = store.getActions();
+
+    await waitFor(() => {
+      return expect(testCallback).toHaveBeenCalled();
+    });
+
+    expect(actions[0]).toMatchObject({ type: "SET_APP_READY" });
+    expect(actions[1]).toMatchObject({ type: "SET_APP_LAUNCHED" });
+
+    expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
+      QUICK_BRICK_READY_EVENT
+    );
+
+    expect(testCallback).toHaveBeenCalled();
+
+    expect(appLoader).toHaveBeenCalled();
+  });
+});

package/App/appLifeCycleManager/index.tsx

@@ -182,13 +182,13 @@ export function appLifeCycleManager(appLoader, QuickBrickManager) {
             data: { error },
           });
         }
-
-        makeAppReady();
-        checkStoredContextKeys();
       };
 
       React.useLayoutEffect(() => {
-        prepareApp();
+        prepareApp().then(() => {
+          makeAppReady();
+          checkStoredContextKeys();
+        });
       }, []);
 
       return <Component {...props} />;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "13.0.0-alpha.3099523645",
+  "version": "13.0.0-alpha.3144359118",
   "description": "Core package for Applicaster's Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -29,13 +29,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.3099523645",
-    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.3099523645",
-    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.3099523645",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.3099523645",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.3099523645",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.3099523645",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.3099523645",
+    "@applicaster/applicaster-types": "13.0.0-alpha.3144359118",
+    "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.3144359118",
+    "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.3144359118",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.3144359118",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.3144359118",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.3144359118",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.3144359118",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",
@@ -57,7 +57,6 @@
     "@applicaster/zapp-react-native-tvos-ui-components": "*",
     "@babel/runtime": "*",
     "@react-native-community/netinfo": "*",
-    "@types/node": "*",
     "immer": "*",
     "react": "*",
     "react-native": "*",
@@ -73,8 +72,6 @@
     "zustand": "*"
   },
   "devDependencies": {
-    "@types/react-native": "0.69.6",
-    "@types/tizen-tv-webapis": "^2.0.1",
     "nock": "^10.0.0",
     "redux-mock-store": "^1.5.3"
   },

package/App/appLifeCycleManager/__tests__/__snapshots__/appLifeCycleManager.test.js.snap

@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`appLifeCycleManager runs the loaders, then sends quickBrickReady event 1`] = `
-<View>
-  <Text>
-    I'm a component
-  </Text>
-</View>
-`;
-
-exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn't resolves 1`] = `
-<View>
-  <Text>
-    I'm a component
-  </Text>
-</View>
-`;
-
-exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn't resolves 2`] = `
-[
-  [
-    {
-      "data": {
-        "error": [Error: loading failed],
-      },
-      "message": "AppLifeCycleManager: A loading operation failed: loading failed",
-    },
-  ],
-]
-`;

package/App/appLifeCycleManager/__tests__/appLifeCycleManager.test.js

@@ -1,134 +0,0 @@
-import * as React from "react";
-import { View, Text } from "react-native";
-import { create, act } from "react-test-renderer";
-
-const Component = () => (
-  <View>
-    <Text>I'm a component</Text>
-  </View>
-);
-
-const mockLogger = {
-  warning: jest.fn(),
-  log: jest.fn(),
-  debug: jest.fn(),
-  info: jest.fn(),
-};
-
-jest.mock("../../logger", () => ({
-  coreAppLogger: {
-    addSubsystem: jest.fn(() => mockLogger),
-  },
-}));
-
-const QuickBrickManager = {
-  sendQuickBrickEvent: jest.fn(),
-};
-
-const LOADING_ERROR = new Error("loading failed");
-
-const appLoader = jest.fn((_dispatch, _getState) => {
-  if (_getState().shouldFail) return Promise.reject(LOADING_ERROR);
-
-  return Promise.resolve();
-});
-
-const dispatch = jest.fn();
-
-const state = {
-  rivers: {},
-  plugins: {},
-  appSettings: { runtimeConfigurationUrls: { rivers: "http://rivers.url" } },
-};
-
-const QUICK_BRICK_READY_EVENT = "quickBrickReady";
-
-const actions = {};
-
-jest.doMock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
-  useActions: jest.fn(() => ({ actions })),
-}));
-
-const { appLifeCycleManager } = require("../index");
-
-describe("appLifeCycleManager", () => {
-  const decorator = appLifeCycleManager(appLoader, QuickBrickManager);
-
-  beforeEach(() => {
-    mockLogger.warning.mockClear();
-    appLoader.mockClear();
-    QuickBrickManager.sendQuickBrickEvent.mockClear();
-    dispatch.mockClear();
-  });
-
-  it("returns a function to decorate a component", () => {
-    expect(decorator).toBeFunction();
-  });
-
-  it("runs the loaders, then sends quickBrickReady event", (done) => {
-    const DecoratedComponent = decorator(Component);
-
-    let wrapper;
-
-    const testCallback = () => {
-      expect(dispatch).toHaveBeenCalledWith(
-        expect.objectContaining({ type: "SET_APP_READY" })
-      );
-
-      expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
-        QUICK_BRICK_READY_EVENT
-      );
-
-      done();
-    };
-
-    act(() => {
-      wrapper = create(
-        <DecoratedComponent
-          dispatch={dispatch}
-          {...state}
-          testCallback={testCallback}
-        />
-      );
-    });
-
-    expect(wrapper.toJSON()).toMatchSnapshot();
-    expect(appLoader).toHaveBeenCalled();
-    expect.assertions(4);
-  });
-
-  it("sends the quickBrickReady event when a loader doesn't resolves", (done) => {
-    const DecoratedComponent = decorator(Component);
-
-    let wrapper;
-
-    const testCallback = () => {
-      expect(dispatch).toHaveBeenCalledWith(
-        expect.objectContaining({ type: "SET_APP_READY" })
-      );
-
-      expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
-        QUICK_BRICK_READY_EVENT
-      );
-
-      expect(mockLogger.warning.mock.calls).toMatchSnapshot();
-
-      done();
-    };
-
-    act(() => {
-      wrapper = create(
-        <DecoratedComponent
-          dispatch={dispatch}
-          {...state}
-          shouldFail
-          testCallback={testCallback}
-        />
-      );
-    });
-
-    expect(wrapper.toJSON()).toMatchSnapshot();
-    expect(appLoader).toHaveBeenCalled();
-    expect.assertions(5);
-  });
-});