@applicaster/quick-brick-core 13.0.0-alpha.3454305619 → 13.0.0-alpha.3582972440

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,18 +12,18 @@ exports[`Actions Provider renders children 1`] = `
12
12
  "$$typeof": Symbol(react.context),
13
13
  "Consumer": {
14
14
  "$$typeof": Symbol(react.context),
15
+ "_calculateChangedBits": null,
15
16
  "_context": [Circular],
16
17
  },
17
18
  "Provider": {
18
19
  "$$typeof": Symbol(react.provider),
19
20
  "_context": [Circular],
20
21
  },
22
+ "_calculateChangedBits": null,
21
23
  "_currentRenderer": null,
22
24
  "_currentRenderer2": {},
23
25
  "_currentValue": null,
24
26
  "_currentValue2": null,
25
- "_defaultValue": null,
26
- "_globalName": null,
27
27
  "_threadCount": 0,
28
28
  },
29
29
  "contextProvider": [Function],
@@ -16,7 +16,7 @@ import {
16
16
  } from "../useOpenSchemeHandler/const";
17
17
  import { withInitialPlayerState } from "../useOpenSchemeHandler/utils";
18
18
 
19
- import { log_warning } from "../../../logger";
19
+ const { log_warning } = require("../../../logger");
20
20
 
21
21
  const rivers: Record<string, Partial<ZappRiver>> = {
22
22
  A1234: {
@@ -53,10 +53,13 @@ const navigator = {
53
53
  replace: jest.fn(),
54
54
  push: jest.fn(),
55
55
  goHome: jest.fn(),
56
- } as any;
56
+ };
57
57
 
58
58
  const mockStore = configureStore();
59
- jest.spyOn(useNavigationHooks, "useNavigation").mockReturnValue(navigator);
59
+
60
+ jest
61
+ .spyOn(useNavigationHooks, "useNavigation")
62
+ .mockImplementation(() => navigator);
60
63
 
61
64
  const helperSpy = jest.spyOn(helpers, "handlePresentNavigation");
62
65
  const feedLoaderSpy = jest.spyOn(feedLoader, "useFeedLoader");
@@ -69,7 +72,7 @@ jest.doMock("@applicaster/zapp-react-native-ui-components/Contexts", () => ({
69
72
  },
70
73
  }));
71
74
 
72
- jest.mock("../../../logger", () => ({
75
+ jest.doMock("../../../logger", () => ({
73
76
  log_info: jest.fn(),
74
77
  log_error: jest.fn(),
75
78
  log_warning: jest.fn(),
@@ -77,6 +80,10 @@ jest.mock("../../../logger", () => ({
77
80
  log_debug: jest.fn(),
78
81
  }));
79
82
 
83
+ jest.useFakeTimers({
84
+ legacyFakeTimers: true,
85
+ });
86
+
80
87
  // to use import instead of require it's required to use jest.mock above
81
88
  const { useOpenSchemeHandler } = require("../useOpenSchemeHandler");
82
89
 
@@ -185,6 +192,7 @@ describe("useOpenSchemeHandler", () => {
185
192
  it("doesn't log a warning", async () => {
186
193
  const tests = () => {
187
194
  expect(log_warning).not.toHaveBeenCalled();
195
+ expect.assertions(1);
188
196
  };
189
197
 
190
198
  await testHook({ url, query, tests });
@@ -1,13 +1,14 @@
1
+ import * as React from "react";
1
2
  import * as R from "ramda";
2
3
  import axios from "axios";
3
- import { renderHook } from "@testing-library/react-native";
4
+ import { renderHook } from "@testing-library/react-hooks";
4
5
  import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";
6
+ import * as zappRedux from "@applicaster/zapp-react-native-redux";
5
7
  import * as helpers from "../../../helpers";
6
8
  import * as feedLoader from "@applicaster/zapp-react-native-utils/reactHooks/feed/useFeedLoader";
7
9
  import * as useNavigationHooks from "@applicaster/zapp-react-native-utils/reactHooks/navigation/useNavigation";
8
- import { WrappedWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
9
- import { usePresentSchemeHandler } from "../usePresentSchemeHandler";
10
10
 
11
+ import { Provider } from "react-redux";
11
12
  import configureStore from "redux-mock-store";
12
13
 
13
14
  const rivers = {
@@ -19,22 +20,23 @@ const rivers = {
19
20
  const navigator = {
20
21
  currentRoute: "/river/A1234",
21
22
  replace: jest.fn(),
22
- goHome: jest.fn(),
23
- } as any;
23
+ };
24
24
 
25
25
  const mockStore = configureStore();
26
26
 
27
- jest.spyOn(useNavigationHooks, "useNavigation").mockReturnValue(navigator);
27
+ jest
28
+ .spyOn(useNavigationHooks, "useNavigation")
29
+ .mockImplementation(() => navigator);
28
30
 
29
31
  const helperSpy = jest.spyOn(helpers, "handlePresentNavigation");
30
32
  const feedLoaderSpy = jest.spyOn(feedLoader, "useFeedLoader");
31
33
 
34
+ const { usePresentSchemeHandler } = require("../usePresentSchemeHandler");
35
+
32
36
  const onFinish = jest.fn((cb) => {
33
37
  cb();
34
38
  });
35
39
 
36
- jest.useFakeTimers();
37
-
38
40
  describe("usePresentSchemeHandler", () => {
39
41
  beforeEach(() => {
40
42
  onFinish.mockClear();
@@ -42,7 +44,11 @@ describe("usePresentSchemeHandler", () => {
42
44
  navigator.replace.mockClear();
43
45
  });
44
46
 
45
- const store = { test: "test", rivers };
47
+ const store = mockStore({ test: "test", rivers });
48
+
49
+ const wrapper: React.FC<any> = ({ children }) => (
50
+ <Provider store={store}>{children}</Provider>
51
+ );
46
52
 
47
53
  describe("loading link url", () => {
48
54
  const query = { link_url: "http://applicaster.com" };
@@ -53,11 +59,10 @@ describe("usePresentSchemeHandler", () => {
53
59
 
54
60
  it("opens the link entry", () => {
55
61
  renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
56
- wrapper: WrappedWithProviders,
57
- initialProps: { store },
62
+ wrapper,
58
63
  });
59
64
 
60
- expect(onFinish).toHaveBeenCalled();
65
+ expect(onFinish).toBeCalled();
61
66
 
62
67
  expect(helperSpy).toBeCalledWith(
63
68
  expect.objectContaining({
@@ -91,8 +96,7 @@ describe("usePresentSchemeHandler", () => {
91
96
  onFinish,
92
97
  }),
93
98
  {
94
- wrapper: WrappedWithProviders,
95
- initialProps: { store },
99
+ wrapper,
96
100
  }
97
101
  );
98
102
 
@@ -119,8 +123,7 @@ describe("usePresentSchemeHandler", () => {
119
123
  )}&show_nav_bar=true`;
120
124
 
121
125
  renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
122
- wrapper: WrappedWithProviders,
123
- initialProps: { store },
126
+ wrapper,
124
127
  });
125
128
 
126
129
  expect(onFinish).toBeCalled();
@@ -152,22 +155,22 @@ describe("usePresentSchemeHandler", () => {
152
155
  )}&screen_id=${screen_id}`;
153
156
 
154
157
  renderHook(() => usePresentSchemeHandler({ query, url, onFinish }), {
155
- wrapper: WrappedWithProviders,
156
- initialProps: { store },
158
+ wrapper,
157
159
  });
158
160
 
159
161
  expect(onFinish).toBeCalled();
160
162
 
161
- expect(helperSpy).toHaveBeenCalledWith(
163
+ expect(helperSpy).toBeCalledWith(
162
164
  expect.objectContaining({
163
165
  data: {
164
166
  id: "url_scheme_entry",
165
167
  type: { value: "link" },
168
+ screen_type: screen_id,
166
169
  link: { href: query.link_url, type: "text/html" },
167
170
  extensions: { showNavBar: false },
168
171
  },
169
- navigator: expect.anything(),
170
- pushScreen: "http://applicaster.com",
172
+ navigator,
173
+ pushScreen: expect.anything(),
171
174
  })
172
175
  );
173
176
  });
@@ -177,7 +180,9 @@ describe("usePresentSchemeHandler", () => {
177
180
  it("Re-sets app ready state and calls loadAppContextData with new river and cellStyles data", async () => {
178
181
  const store = mockStore({ test: "test" });
179
182
 
180
- const wrapper = WrappedWithProviders;
183
+ const wrapper: React.FC<any> = ({ children }) => (
184
+ <Provider store={store}>{children}</Provider>
185
+ );
181
186
 
182
187
  const query = {
183
188
  rivers_configuration_id: "test",
@@ -185,6 +190,7 @@ describe("usePresentSchemeHandler", () => {
185
190
 
186
191
  const storageSpy = jest.spyOn(sessionStorage, "getAllItems");
187
192
  const axiosGetSpy = jest.spyOn(axios, "get");
193
+ const zappReduxSpy = jest.spyOn(zappRedux, "loadAppContextData");
188
194
 
189
195
  const getAllItems = jest.fn().mockResolvedValue({
190
196
  accountsAccountId: "accountsAccountId",
@@ -198,6 +204,7 @@ describe("usePresentSchemeHandler", () => {
198
204
 
199
205
  storageSpy.mockImplementation(getAllItems);
200
206
  axiosGetSpy.mockImplementation(get);
207
+ zappReduxSpy.mockReturnValue(null);
201
208
 
202
209
  renderHook(() => usePresentSchemeHandler({ query, url: "", onFinish }), {
203
210
  wrapper,
@@ -210,6 +217,13 @@ describe("usePresentSchemeHandler", () => {
210
217
  actions?.find(R.propEq("type", "SET_APP_NOT_READY"))
211
218
  ).toBeDefined();
212
219
 
220
+ expect(actions?.find(R.propEq("type", "SET_APP_READY"))).toBeDefined();
221
+
222
+ expect(zappReduxSpy).toBeCalledWith(expect.any(Function), {
223
+ cellStyles: "url",
224
+ rivers: "url",
225
+ });
226
+
213
227
  expect(navigator.replace).toBeCalledWith({});
214
228
  };
215
229
  });
@@ -247,7 +261,7 @@ describe("usePresentSchemeHandler", () => {
247
261
  },
248
262
  }),
249
263
  {
250
- wrapper: WrappedWithProviders,
264
+ wrapper,
251
265
  }
252
266
  );
253
267
 
@@ -279,7 +293,7 @@ describe("usePresentSchemeHandler", () => {
279
293
  },
280
294
  }),
281
295
  {
282
- wrapper: WrappedWithProviders,
296
+ wrapper,
283
297
  }
284
298
  );
285
299
 
@@ -311,7 +325,7 @@ describe("usePresentSchemeHandler", () => {
311
325
  },
312
326
  }),
313
327
  {
314
- wrapper: WrappedWithProviders,
328
+ wrapper,
315
329
  }
316
330
  );
317
331
 
@@ -343,7 +357,7 @@ describe("usePresentSchemeHandler", () => {
343
357
  },
344
358
  }),
345
359
  {
346
- wrapper: WrappedWithProviders,
360
+ wrapper,
347
361
  }
348
362
  );
349
363
 
@@ -5,7 +5,7 @@ import * as URLHandlersMap from "..";
5
5
  import { Provider } from "react-redux";
6
6
  import configureStore from "redux-mock-store";
7
7
 
8
- import { log_warning } from "../../../logger";
8
+ const { log_warning } = require("../../../logger");
9
9
 
10
10
  const mockStore = configureStore();
11
11
 
@@ -1,11 +1,15 @@
1
1
  import * as React from "react";
2
2
  import * as R from "ramda";
3
3
  import { renderHook, act } from "@testing-library/react-hooks";
4
+ import configureStore from "redux-mock-store";
5
+ import thunk from "redux-thunk";
4
6
  import { NetworkStatusContext } from "@applicaster/zapp-react-native-ui-components/Contexts/NetworkStatusContext";
5
7
  import { NetworkStatusProvider } from "../NetworkStatusProvider";
6
- import { WrappedWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
8
+ import { Provider } from "react-redux";
7
9
  import NetInfo from "@react-native-community/netinfo";
8
10
 
11
+ const mockStore = configureStore([thunk]);
12
+
9
13
  const NetInfoMock = {
10
14
  type: "cellular",
11
15
  details: {
@@ -20,9 +24,9 @@ const NetInfoMock = {
20
24
  const getWrapper = (store) => ({
21
25
  // eslint-disable-next-line react/prop-types,react/display-name
22
26
  wrapper: ({ children }) => (
23
- <WrappedWithProviders store={store}>
27
+ <Provider store={store}>
24
28
  <NetworkStatusProvider>{children}</NetworkStatusProvider>
25
- </WrappedWithProviders>
29
+ </Provider>
26
30
  ),
27
31
  });
28
32
 
@@ -37,9 +41,9 @@ const useNetInfoMock = () => {
37
41
 
38
42
  describe("NetworkStatusProvider", function () {
39
43
  it("should return netInfoData", function () {
40
- const store = {
44
+ const store = mockStore({
41
45
  plugins: [{}],
42
- };
46
+ });
43
47
 
44
48
  // @ts-ignore
45
49
  jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -55,9 +59,9 @@ describe("NetworkStatusProvider", function () {
55
59
  it("should call onConnectionLost callback when connection type changes to none", function () {
56
60
  const onConnectionLost = jest.fn();
57
61
 
58
- const store = {
62
+ const store = mockStore({
59
63
  plugins: [{ module: { networkHooks: { onConnectionLost } } }],
60
- };
64
+ });
61
65
 
62
66
  // @ts-ignore
63
67
  jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -82,9 +86,9 @@ describe("NetworkStatusProvider", function () {
82
86
  it("should call onConnectionRestored callback when connection type switches from none", function () {
83
87
  const onConnectionRestored = jest.fn();
84
88
 
85
- const store = {
89
+ const store = mockStore({
86
90
  plugins: [{ module: { networkHooks: { onConnectionRestored } } }],
87
- };
91
+ });
88
92
 
89
93
  // @ts-ignore
90
94
  jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -119,9 +123,9 @@ describe("NetworkStatusProvider", function () {
119
123
  it("should call onConnectionTypeChanged callback when connection type changes", function () {
120
124
  const onConnectionTypeChanged = jest.fn();
121
125
 
122
- const store = {
126
+ const store = mockStore({
123
127
  plugins: [{ module: { networkHooks: { onConnectionTypeChanged } } }],
124
- };
128
+ });
125
129
 
126
130
  // @ts-ignore
127
131
  jest.spyOn(NetInfo, "useNetInfo").mockImplementation(useNetInfoMock);
@@ -1,9 +1,11 @@
1
1
  import * as React from "react";
2
2
  import * as ReactIs from "react-is";
3
3
  import { View, Text } from "react-native";
4
- import { renderWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
4
+ import { render } from "@testing-library/react-native";
5
+ import configureStore from "redux-mock-store";
5
6
 
6
7
  import { storeConnector } from "../index";
8
+ import { Provider } from "react-redux";
7
9
 
8
10
  const styles = { foo: "bar" };
9
11
  const components = { grid: jest.fn() };
@@ -16,12 +18,12 @@ const Component = (props) => (
16
18
  </View>
17
19
  );
18
20
 
19
- const store = {
21
+ const store = configureStore()({
20
22
  styles,
21
23
  components,
22
24
  rivers,
23
25
  appSettings,
24
- };
26
+ });
25
27
 
26
28
  describe("storeConnector", () => {
27
29
  it("returns a Component", () => {
@@ -39,9 +41,10 @@ describe("storeConnector", () => {
39
41
  it("passes the props to the component", () => {
40
42
  const WrappedComponent = storeConnector(Component);
41
43
 
42
- const { getByText, getByTestId } = renderWithProviders(
43
- <WrappedComponent />,
44
- store
44
+ const { getByText, getByTestId } = render(
45
+ <Provider store={store}>
46
+ <WrappedComponent />
47
+ </Provider>
45
48
  );
46
49
 
47
50
  expect(getByText("I'm a component")).toBeTruthy();
@@ -0,0 +1,146 @@
1
+ import * as React from "react";
2
+ import { View, Text } from "react-native";
3
+ import { render, waitFor } from "@testing-library/react-native";
4
+ import thunk from "redux-thunk";
5
+ import configureStore from "redux-mock-store";
6
+
7
+ let mocked_items: Record<string, any> = {};
8
+
9
+ import { appLifeCycleManager } from "../";
10
+
11
+ const mock_actions = {};
12
+
13
+ jest.mock("@applicaster/zapp-react-native-redux/AppData", () => ({
14
+ loadAppData: jest.fn(() => () => Promise.resolve()),
15
+ }));
16
+
17
+ jest.mock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
18
+ useActions: jest.fn(() => ({ actions: mock_actions })),
19
+ }));
20
+
21
+ jest.mock(
22
+ "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage",
23
+ () => ({
24
+ localStorage: {
25
+ getAllItems: jest.fn(() => Promise.resolve(mocked_items)),
26
+ setItem: jest.fn((key, value) => {
27
+ mocked_items[key] = JSON.stringify(value);
28
+
29
+ return Promise.resolve(true);
30
+ }),
31
+ getItem: jest.fn((key) => {
32
+ if (mocked_items[key]) {
33
+ if (typeof mocked_items[key] === "string") {
34
+ return Promise.resolve(JSON.parse(mocked_items[key]));
35
+ } else {
36
+ return Promise.resolve(mocked_items[key]);
37
+ }
38
+ } else {
39
+ return Promise.resolve([]);
40
+ }
41
+ }),
42
+ __reset() {
43
+ mocked_items = {};
44
+ },
45
+ },
46
+ })
47
+ );
48
+
49
+ const Component = () => (
50
+ <View>
51
+ <Text>I'm a component</Text>
52
+ </View>
53
+ );
54
+
55
+ const QuickBrickManager = {
56
+ sendQuickBrickEvent: jest.fn(),
57
+ };
58
+
59
+ const LOADING_ERROR = new Error("loading failed");
60
+
61
+ const appLoader = jest.fn((_dispatch, _getState) => {
62
+ if (_getState().shouldFail) return Promise.reject(LOADING_ERROR);
63
+
64
+ return Promise.resolve();
65
+ });
66
+
67
+ const store = configureStore([thunk])({});
68
+ const dispatch = store.dispatch;
69
+
70
+ const state = {
71
+ rivers: {},
72
+ plugins: {},
73
+ appSettings: { runtimeConfigurationUrls: { rivers: "http://rivers.url" } },
74
+ };
75
+
76
+ const QUICK_BRICK_READY_EVENT = "quickBrickReady";
77
+
78
+ describe("appLifeCycleManager", () => {
79
+ const decorator = appLifeCycleManager(appLoader, QuickBrickManager);
80
+ const DecoratedComponent = decorator(Component);
81
+
82
+ beforeEach(() => {
83
+ appLoader.mockClear();
84
+ QuickBrickManager.sendQuickBrickEvent.mockClear();
85
+ });
86
+
87
+ it("returns a function to decorate a component", () => {
88
+ expect(decorator).toBeDefined();
89
+ });
90
+
91
+ it("runs the loaders, then sends quickBrickReady event", async () => {
92
+ const testCallback = jest.fn(() => {});
93
+
94
+ render(
95
+ <DecoratedComponent
96
+ dispatch={dispatch}
97
+ {...state}
98
+ testCallback={testCallback}
99
+ />
100
+ );
101
+
102
+ await waitFor(() => {
103
+ return expect(testCallback).toHaveBeenCalled();
104
+ });
105
+
106
+ const actions = store.getActions();
107
+
108
+ expect(actions[0]).toMatchObject({ type: "SET_APP_READY" });
109
+
110
+ expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
111
+ QUICK_BRICK_READY_EVENT
112
+ );
113
+
114
+ expect(appLoader).toHaveBeenCalled();
115
+ });
116
+
117
+ it("sends the quickBrickReady event when a loader doesn't resolves", async () => {
118
+ const testCallback = jest.fn(() => {});
119
+
120
+ render(
121
+ <DecoratedComponent
122
+ dispatch={dispatch}
123
+ {...state}
124
+ shouldFail
125
+ testCallback={testCallback}
126
+ />
127
+ );
128
+
129
+ const actions = store.getActions();
130
+
131
+ await waitFor(() => {
132
+ return expect(testCallback).toHaveBeenCalled();
133
+ });
134
+
135
+ expect(actions[0]).toMatchObject({ type: "SET_APP_READY" });
136
+ expect(actions[1]).toMatchObject({ type: "SET_APP_LAUNCHED" });
137
+
138
+ expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
139
+ QUICK_BRICK_READY_EVENT
140
+ );
141
+
142
+ expect(testCallback).toHaveBeenCalled();
143
+
144
+ expect(appLoader).toHaveBeenCalled();
145
+ });
146
+ });
@@ -182,13 +182,13 @@ export function appLifeCycleManager(appLoader, QuickBrickManager) {
182
182
  data: { error },
183
183
  });
184
184
  }
185
-
186
- makeAppReady();
187
- checkStoredContextKeys();
188
185
  };
189
186
 
190
187
  React.useLayoutEffect(() => {
191
- prepareApp();
188
+ prepareApp().then(() => {
189
+ makeAppReady();
190
+ checkStoredContextKeys();
191
+ });
192
192
  }, []);
193
193
 
194
194
  return <Component {...props} />;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/quick-brick-core",
3
- "version": "13.0.0-alpha.3454305619",
3
+ "version": "13.0.0-alpha.3582972440",
4
4
  "description": "Core package for Applicaster's Quick Brick App",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -29,13 +29,13 @@
29
29
  },
30
30
  "homepage": "https://github.com/applicaster/quickbrick#readme",
31
31
  "dependencies": {
32
- "@applicaster/applicaster-types": "13.0.0-alpha.3454305619",
33
- "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.3454305619",
34
- "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.3454305619",
35
- "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.3454305619",
36
- "@applicaster/zapp-react-native-redux": "13.0.0-alpha.3454305619",
37
- "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.3454305619",
38
- "@applicaster/zapp-react-native-utils": "13.0.0-alpha.3454305619",
32
+ "@applicaster/applicaster-types": "13.0.0-alpha.3582972440",
33
+ "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.3582972440",
34
+ "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.3582972440",
35
+ "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.3582972440",
36
+ "@applicaster/zapp-react-native-redux": "13.0.0-alpha.3582972440",
37
+ "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.3582972440",
38
+ "@applicaster/zapp-react-native-utils": "13.0.0-alpha.3582972440",
39
39
  "atob": "^2.1.2",
40
40
  "axios": "^0.28.0",
41
41
  "btoa": "^1.2.1",
@@ -43,7 +43,7 @@
43
43
  "md5": "^2.3.0",
44
44
  "promise": "^8.3.0",
45
45
  "query-string": "7.1.3",
46
- "react-redux": "9.2.0",
46
+ "react-redux": "^7.2.1",
47
47
  "redux": "^4.0.4",
48
48
  "reselect": "^4.0.0",
49
49
  "url": "^0.11.0",
@@ -63,6 +63,7 @@
63
63
  "react-native-fs": "*",
64
64
  "react-native-gesture-handler": "*",
65
65
  "react-native-linear-gradient": "*",
66
+ "react-native-safe-area-context": "*",
66
67
  "react-native-svg": "*",
67
68
  "react-native-web": "*",
68
69
  "react-native-webview": "*",
@@ -1,30 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`appLifeCycleManager runs the loaders, then sends quickBrickReady event 1`] = `
4
- <View>
5
- <Text>
6
- I'm a component
7
- </Text>
8
- </View>
9
- `;
10
-
11
- exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn't resolves 1`] = `
12
- <View>
13
- <Text>
14
- I'm a component
15
- </Text>
16
- </View>
17
- `;
18
-
19
- exports[`appLifeCycleManager sends the quickBrickReady event when a loader doesn't resolves 2`] = `
20
- [
21
- [
22
- {
23
- "data": {
24
- "error": [Error: loading failed],
25
- },
26
- "message": "AppLifeCycleManager: A loading operation failed: loading failed",
27
- },
28
- ],
29
- ]
30
- `;
@@ -1,134 +0,0 @@
1
- import * as React from "react";
2
- import { View, Text } from "react-native";
3
- import { create, act } from "react-test-renderer";
4
-
5
- const Component = () => (
6
- <View>
7
- <Text>I'm a component</Text>
8
- </View>
9
- );
10
-
11
- const mockLogger = {
12
- warning: jest.fn(),
13
- log: jest.fn(),
14
- debug: jest.fn(),
15
- info: jest.fn(),
16
- };
17
-
18
- jest.mock("../../logger", () => ({
19
- coreAppLogger: {
20
- addSubsystem: jest.fn(() => mockLogger),
21
- },
22
- }));
23
-
24
- const QuickBrickManager = {
25
- sendQuickBrickEvent: jest.fn(),
26
- };
27
-
28
- const LOADING_ERROR = new Error("loading failed");
29
-
30
- const appLoader = jest.fn((_dispatch, _getState) => {
31
- if (_getState().shouldFail) return Promise.reject(LOADING_ERROR);
32
-
33
- return Promise.resolve();
34
- });
35
-
36
- const dispatch = jest.fn();
37
-
38
- const state = {
39
- rivers: {},
40
- plugins: {},
41
- appSettings: { runtimeConfigurationUrls: { rivers: "http://rivers.url" } },
42
- };
43
-
44
- const QUICK_BRICK_READY_EVENT = "quickBrickReady";
45
-
46
- const actions = {};
47
-
48
- jest.doMock("@applicaster/zapp-react-native-utils/reactHooks/actions", () => ({
49
- useActions: jest.fn(() => ({ actions })),
50
- }));
51
-
52
- const { appLifeCycleManager } = require("../index");
53
-
54
- describe("appLifeCycleManager", () => {
55
- const decorator = appLifeCycleManager(appLoader, QuickBrickManager);
56
-
57
- beforeEach(() => {
58
- mockLogger.warning.mockClear();
59
- appLoader.mockClear();
60
- QuickBrickManager.sendQuickBrickEvent.mockClear();
61
- dispatch.mockClear();
62
- });
63
-
64
- it("returns a function to decorate a component", () => {
65
- expect(decorator).toBeFunction();
66
- });
67
-
68
- it("runs the loaders, then sends quickBrickReady event", (done) => {
69
- const DecoratedComponent = decorator(Component);
70
-
71
- let wrapper;
72
-
73
- const testCallback = () => {
74
- expect(dispatch).toHaveBeenCalledWith(
75
- expect.objectContaining({ type: "SET_APP_READY" })
76
- );
77
-
78
- expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
79
- QUICK_BRICK_READY_EVENT
80
- );
81
-
82
- done();
83
- };
84
-
85
- act(() => {
86
- wrapper = create(
87
- <DecoratedComponent
88
- dispatch={dispatch}
89
- {...state}
90
- testCallback={testCallback}
91
- />
92
- );
93
- });
94
-
95
- expect(wrapper.toJSON()).toMatchSnapshot();
96
- expect(appLoader).toHaveBeenCalled();
97
- expect.assertions(4);
98
- });
99
-
100
- it("sends the quickBrickReady event when a loader doesn't resolves", (done) => {
101
- const DecoratedComponent = decorator(Component);
102
-
103
- let wrapper;
104
-
105
- const testCallback = () => {
106
- expect(dispatch).toHaveBeenCalledWith(
107
- expect.objectContaining({ type: "SET_APP_READY" })
108
- );
109
-
110
- expect(QuickBrickManager.sendQuickBrickEvent).toHaveBeenCalledWith(
111
- QUICK_BRICK_READY_EVENT
112
- );
113
-
114
- expect(mockLogger.warning.mock.calls).toMatchSnapshot();
115
-
116
- done();
117
- };
118
-
119
- act(() => {
120
- wrapper = create(
121
- <DecoratedComponent
122
- dispatch={dispatch}
123
- {...state}
124
- shouldFail
125
- testCallback={testCallback}
126
- />
127
- );
128
- });
129
-
130
- expect(wrapper.toJSON()).toMatchSnapshot();
131
- expect(appLoader).toHaveBeenCalled();
132
- expect.assertions(5);
133
- });
134
- });