@applicaster/quick-brick-core 13.0.0-alpha.4004617449 → 13.0.0-alpha.4118873321

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.
@@ -0,0 +1,40 @@
1
+ import * as React from "react";
2
+ import { View, Text } from "react-native";
3
+ import { renderWithProviders } from "@applicaster/zapp-react-native-utils/testUtils";
4
+
5
+ import { URLSchemeListener } from "../index";
6
+
7
+ const TestComponent = (props) => (
8
+ <View testID="test-comp" {...props}>
9
+ <Text>I'm a test component</Text>
10
+ </View>
11
+ );
12
+
13
+ const navigator = {
14
+ push: jest.fn(),
15
+ replace: jest.fn(),
16
+ };
17
+
18
+ jest.spyOn(console, "warn").mockImplementation(() => jest.fn());
19
+
20
+ function clearMocks() {
21
+ navigator.push.mockClear();
22
+ navigator.replace.mockClear();
23
+ console.warn.mockClear();
24
+ }
25
+
26
+ describe("URLSchemeHandler", () => {
27
+ const renderComponent = (props = {}) =>
28
+ renderWithProviders(
29
+ <URLSchemeListener {...props}>
30
+ <TestComponent />
31
+ </URLSchemeListener>
32
+ );
33
+
34
+ beforeEach(clearMocks);
35
+
36
+ it("renders correctly (default case)", () => {
37
+ const { getByTestId } = renderComponent();
38
+ expect(getByTestId("test-comp")).toBeDefined();
39
+ });
40
+ });
@@ -5,7 +5,7 @@ import { URLSchemeContext } from "./URLSchemeContextProvider";
5
5
  import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks/navigation";
6
6
  import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
7
7
 
8
- export function URLSchemeListener({ children }) {
8
+ export function URLSchemeListener({ children }: { children: React.ReactNode }) {
9
9
  const { url, done } = useContext(URLSchemeContext);
10
10
 
11
11
  const navigator = useNavigation();
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  import { View, Text } from "react-native";
3
- import { shallow } from "enzyme";
4
- import { shallowToJson } from "enzyme-to-json";
3
+ import { render } from "@testing-library/react-native";
5
4
 
6
5
  import { ErrorBoundary } from "../index";
7
6
 
@@ -17,56 +16,40 @@ const TestComponent = ({ error }: { error: any }) => {
17
16
  );
18
17
  };
19
18
 
20
- const errorState = {
21
- hasError: true,
22
- error: new Error("oh no"),
23
- info: { componentStack: "error at ... \n ..." },
24
- };
25
-
26
19
  describe("<ErrorBoundary />", () => {
27
20
  describe("when there is no error", () => {
28
- const wrapper = shallow(
29
- <ErrorBoundary>
30
- <TestComponent />
31
- </ErrorBoundary>
32
- );
33
-
34
21
  it("renders correctly", () => {
35
- expect(shallowToJson(wrapper)).toMatchSnapshot();
22
+ const { getByText } = render(
23
+ <ErrorBoundary>
24
+ <TestComponent />
25
+ </ErrorBoundary>
26
+ );
27
+
28
+ expect(getByText("all is good")).toBeTruthy();
36
29
  });
37
30
  });
38
31
 
39
32
  describe("When an error is caught", () => {
40
- const _consoleLog = console.log; // eslint-disable-line no-console
41
-
42
- const didCatchSpy = jest.spyOn(
43
- ErrorBoundary.prototype,
44
- "componentDidCatch"
45
- );
46
-
47
- const wrapper = shallow(
48
- <ErrorBoundary>
49
- <TestComponent error />
50
- </ErrorBoundary>
51
- );
52
-
53
- wrapper.setState(errorState);
33
+ const _consoleLog = console.log;
54
34
 
55
35
  beforeAll(() => {
56
- console.log = jest.fn(); // eslint-disable-line no-console
36
+ console.log = jest.fn();
57
37
  });
58
38
 
59
39
  afterAll(() => {
60
- console.log = _consoleLog; // eslint-disable-line no-console
40
+ console.log = _consoleLog;
61
41
  });
62
42
 
63
- it.skip("the componentDidCatch method is called", () => {
64
- // a current bug with enzyme doesn't allow this to be tested
65
- expect(didCatchSpy).toHaveBeenCalled();
66
- });
43
+ it("renders error state correctly", () => {
44
+ const { getByText } = render(
45
+ <ErrorBoundary>
46
+ <TestComponent error />
47
+ </ErrorBoundary>
48
+ );
67
49
 
68
- it("renders correctly", () => {
69
- expect(shallowToJson(wrapper)).toMatchSnapshot();
50
+ // Note: You'll need to verify what your ErrorBoundary actually renders in error state
51
+ // This is just an example assertion:
52
+ expect(getByText(/error/i)).toBeTruthy();
70
53
  });
71
54
  });
72
55
  });
@@ -4,7 +4,7 @@ import { platformSelect } from "@applicaster/zapp-react-native-utils/reactUtils"
4
4
  import { useSafeAreaInsets } from "react-native-safe-area-context";
5
5
 
6
6
  import React, { useCallback, useEffect, useMemo, useState } from "react";
7
- import { View, StyleSheet, Keyboard } from "react-native";
7
+ import { Keyboard, StyleSheet, View } from "react-native";
8
8
 
9
9
  import { Overlay } from "./Overlay";
10
10
  import { ModalBottomSheetFrame } from "./ModalBottomSheetFrame";
@@ -83,6 +83,8 @@ export function ModalBottomSheet(props: Props) {
83
83
  [isTablet]
84
84
  );
85
85
 
86
+ const modalVisible = visible && sheetHeight > 0;
87
+
86
88
  return (
87
89
  <View style={styles.container}>
88
90
  <Overlay
@@ -98,7 +100,7 @@ export function ModalBottomSheet(props: Props) {
98
100
  paddingBottom={bottomOffset}
99
101
  maxWidth={maxWidth}
100
102
  dimensions={dimensions}
101
- visible={visible && sheetHeight > 0}
103
+ visible={modalVisible}
102
104
  closeToast={dismiss}
103
105
  handleProps={{
104
106
  enabled: sheetHandleEnabled,
@@ -35,13 +35,12 @@ export function ModalProvider() {
35
35
 
36
36
  const pathname = `${ROUTE_TYPES.MODAL}/${modalScreenProps?.screenId}`;
37
37
 
38
+ const shouldShowModal = modalVisible && modalState?.visible;
39
+
38
40
  return (
39
41
  <PathnameContext.Provider value={pathname}>
40
42
  <ScreenContextProvider pathname={pathname}>
41
- <ModalPresenter
42
- visible={modalVisible && modalState?.visible}
43
- {...modalState?.options}
44
- >
43
+ <ModalPresenter visible={shouldShowModal} {...modalState?.options}>
45
44
  <ModalChildrenWrapper>
46
45
  <ModalContent modalScreenProps={modalScreenProps} />
47
46
  </ModalChildrenWrapper>
@@ -1,4 +1,3 @@
1
- /// <reference types="@types/tizen-tv-webapis" />
2
1
  import * as R from "ramda";
3
2
 
4
3
  import { NetInfoState } from "@react-native-community/netinfo";
@@ -1,19 +1,19 @@
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 { shallow } from "enzyme";
5
- import { shallowToJson } from "enzyme-to-json";
4
+ import { render } from "@testing-library/react-native";
6
5
  import configureStore from "redux-mock-store";
7
6
 
8
7
  import { storeConnector } from "../index";
8
+ import { Provider } from "react-redux";
9
9
 
10
10
  const styles = { foo: "bar" };
11
11
  const components = { grid: jest.fn() };
12
12
  const rivers = { A123: { name: "home", id: "A123" } };
13
13
  const appSettings = { bundleIdentifier: "com.app.test" };
14
14
 
15
- const Component = () => (
16
- <View>
15
+ const Component = (props) => (
16
+ <View testID="test-comp" {...props}>
17
17
  <Text>I'm a component</Text>
18
18
  </View>
19
19
  );
@@ -28,7 +28,6 @@ const store = configureStore()({
28
28
  describe("storeConnector", () => {
29
29
  it("returns a Component", () => {
30
30
  const WrappedComponent = storeConnector(Component);
31
-
32
31
  expect(ReactIs.isValidElementType(WrappedComponent)).toBe(true);
33
32
 
34
33
  expect(WrappedComponent).toEqual(
@@ -41,12 +40,19 @@ describe("storeConnector", () => {
41
40
 
42
41
  it("passes the props to the component", () => {
43
42
  const WrappedComponent = storeConnector(Component);
44
- const wrapper = shallow(<WrappedComponent store={store} />).dive();
45
- const wrapperProps = wrapper.first().props();
46
43
 
47
- expect(shallowToJson(wrapper)).toMatchSnapshot();
48
- expect(wrapperProps).toHaveProperty("components", components);
49
- expect(wrapperProps).toHaveProperty("rivers", rivers);
50
- expect(wrapperProps).toHaveProperty("appSettings", appSettings);
44
+ const { getByText, getByTestId } = render(
45
+ <Provider store={store}>
46
+ <WrappedComponent />
47
+ </Provider>
48
+ );
49
+
50
+ expect(getByText("I'm a component")).toBeTruthy();
51
+
52
+ expect(getByTestId("test-comp").props).toMatchObject({
53
+ appSettings,
54
+ components,
55
+ rivers,
56
+ });
51
57
  });
52
58
  });
@@ -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/App/index.tsx CHANGED
@@ -1,7 +1,3 @@
1
- // Disable logs popups(RN68)
2
- import { LogBox } from "react-native";
3
- LogBox.ignoreAllLogs();
4
-
5
1
  import * as React from "react";
6
2
  import * as R from "ramda";
7
3
  import {
@@ -1,7 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { View, Text } from "react-native";
3
- import { shallow } from "enzyme";
4
- import { shallowToJson } from "enzyme-to-json";
3
+ import { render } from "@testing-library/react-native";
5
4
 
6
5
  import { remoteContextReloader } from "../index";
7
6
  import * as ContextReloader from "../getRemoteContextData";
@@ -25,19 +24,21 @@ const dispatch = jest.fn();
25
24
 
26
25
  describe("remoteContextReloader", () => {
27
26
  const WrappedComponent = remoteContextReloader(Component);
27
+ let rendered;
28
+
29
+ beforeEach(() => {
30
+ rendered = render(
31
+ <WrappedComponent {...{ appSettings, plugins, dispatch }} />
32
+ );
33
+ });
28
34
 
29
35
  afterEach(() => {
30
36
  jest.clearAllMocks();
31
37
  });
32
38
 
33
- it("adds a componentDidMount method", () => {
34
- const wrapper = shallow(
35
- <WrappedComponent {...{ appSettings, plugins, dispatch }} />
36
- );
37
-
38
- expect(shallowToJson(wrapper)).toMatchSnapshot();
39
- expect(wrapper.instance()).toHaveProperty("componentDidMount");
40
- expect(wrapper.instance().componentDidMount).toBeFunction();
39
+ it("calls componentDidMount and renders correctly", () => {
40
+ const { getByText } = rendered;
41
+ expect(getByText("I'm a component")).toBeTruthy();
41
42
  });
42
43
 
43
44
  describe("when in __DEV__", () => {
@@ -47,11 +48,6 @@ describe("remoteContextReloader", () => {
47
48
  });
48
49
 
49
50
  it("doesn't invoke the context reloader", () => {
50
- const wrapper = shallow(
51
- <WrappedComponent {...{ appSettings, plugins, dispatch }} />
52
- );
53
-
54
- expect(shallowToJson(wrapper)).toMatchSnapshot();
55
51
  expect(spy).not.toHaveBeenCalled();
56
52
  });
57
53
  });
@@ -62,12 +58,6 @@ describe("remoteContextReloader", () => {
62
58
  });
63
59
 
64
60
  it("invokes the context reloader", () => {
65
- const wrapper = shallow(
66
- <WrappedComponent {...{ appSettings, plugins, dispatch }} />
67
- );
68
-
69
- expect(shallowToJson(wrapper)).toMatchSnapshot();
70
-
71
61
  expect(spy).toHaveBeenCalledWith(
72
62
  dispatch,
73
63
  appSettings.runtimeConfigurationUrls,
@@ -1,132 +1,9 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`createZappApp has a <Provider /> component with an initialized store 1`] = `
4
- {
5
- "appData": {
6
- "countryLocale": "GB",
7
- "languageLocale": "en",
8
- "layoutVersion": "v1",
9
- "quickBrickEvent": [MockFunction],
10
- },
11
- "appSettings": {
12
- "runtimeConfigurationUrls": {},
13
- },
14
- "appState": {
15
- "appLaunched": false,
16
- "appReady": false,
17
- "appState": {
18
- "currentState": null,
19
- "eventType": null,
20
- "isAvailable": null,
21
- "nextState": null,
22
- },
23
- },
24
- "cellStyles": {},
25
- "components": {
26
- "AppContainer": [Function],
27
- "ContentScreen": [Function],
28
- "HookRenderer": [Function],
29
- "ModalComponent": [Function],
30
- "PlayerContainer": {
31
- "$$typeof": Symbol(react.memo),
32
- "WrappedComponent": {
33
- "$$typeof": Symbol(react.memo),
34
- "compare": null,
35
- "type": [Function],
36
- },
37
- "compare": null,
38
- "type": [Function],
39
- },
40
- "QBImage": [Function],
41
- "River": {
42
- "$$typeof": Symbol(react.memo),
43
- "WrappedComponent": [Function],
44
- "compare": null,
45
- "type": [Function],
46
- },
47
- "TextInputTv": {
48
- "$$typeof": Symbol(react.forward_ref),
49
- "render": [Function],
50
- },
51
- "Touchable": [Function],
52
- },
53
- "contentTypes": null,
54
- "localizations": {},
55
- "pipesEndpoints": null,
56
- "pluginConfigurations": {
57
- "pc1": {
58
- "configuration_json": null,
59
- "plugin": {
60
- "api": {},
61
- "identifier": "pc1",
62
- },
63
- },
64
- "pc2": {
65
- "configuration_json": {
66
- "foo": "bar",
67
- },
68
- "plugin": {
69
- "api": {},
70
- "identifier": "pc2",
71
- },
72
- },
73
- },
74
- "plugins": [
75
- {
76
- "configuration": null,
77
- "identifier": "pc1",
78
- "module": [MockFunction],
79
- "name": "Plugin1",
80
- "type": "general",
81
- },
82
- {
83
- "configuration": {
84
- "foo": "bar",
85
- },
86
- "identifier": "pc2",
87
- "module": [MockFunction],
88
- "name": "Plugin2",
89
- "type": "general",
90
- },
91
- ],
92
- "presetsMapping": {},
93
- "remoteConfigurations": {
94
- "localizations": {},
95
- },
96
- "rivers": {},
97
- "styles": {},
98
- "zappPipes": {},
99
- }
100
- `;
101
-
102
3
  exports[`createZappApp renders the provided React App 1`] = `
103
- <Provider
104
- store={
105
- {
106
- "@@observable": [Function],
107
- "dispatch": [Function],
108
- "getState": [Function],
109
- "replaceReducer": [Function],
110
- "subscribe": [Function],
111
- }
112
- }
113
- >
114
- <EmptyZappApp />
115
- </Provider>
116
- `;
117
-
118
- exports[`createZappApp returns a react component 1`] = `
119
- <Provider
120
- store={
121
- {
122
- "@@observable": [Function],
123
- "dispatch": [Function],
124
- "getState": [Function],
125
- "replaceReducer": [Function],
126
- "subscribe": [Function],
127
- }
128
- }
129
- >
130
- <EmptyZappApp />
131
- </Provider>
4
+ <View>
5
+ <Text>
6
+ Welcome to the QuickBrick App
7
+ </Text>
8
+ </View>
132
9
  `;
@@ -1,7 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { View, Text } from "react-native";
3
- import { shallow } from "enzyme";
4
- import { shallowToJson } from "enzyme-to-json";
3
+ import { render, screen } from "@testing-library/react-native";
5
4
  import QuickBrickComponents from "@applicaster/zapp-react-native-ui-components";
6
5
  import { Provider } from "react-redux";
7
6
 
@@ -77,27 +76,17 @@ jest.mock("@applicaster/zapp-react-native-bridge/QuickBrick", () => ({
77
76
  }));
78
77
 
79
78
  describe("createZappApp", () => {
80
- it("returns a react component", () => {
81
- const ZappApp = createZappApp({});
82
- const wrapper = shallow(<ZappApp />);
83
-
84
- expect(shallowToJson(wrapper)).toMatchSnapshot();
85
- });
86
-
87
79
  it("renders the provided React App", () => {
88
80
  const ZappApp = createZappApp({ App });
89
- const wrapper = shallow(<ZappApp />);
90
-
91
- expect(shallowToJson(wrapper)).toMatchSnapshot();
81
+ render(<ZappApp />);
82
+ expect(screen.toJSON()).toMatchSnapshot();
92
83
  });
93
84
 
94
- it("has a <Provider /> component with an initialized store", () => {
85
+ it("has a Provider component with an initialized store", () => {
95
86
  const ZappApp = createZappApp(zappAppConfig);
96
- const wrapper = shallow(<ZappApp />);
97
-
98
- const providerNode = wrapper.find(Provider);
99
- const store = providerNode.prop("store");
100
- expect(providerNode.length).toBe(1);
87
+ const { UNSAFE_root } = render(<ZappApp />);
88
+ const providerInstance = UNSAFE_root.findByType(Provider);
89
+ const store = providerInstance.props.store;
101
90
 
102
91
  expect(store).toEqual(
103
92
  expect.objectContaining({
@@ -108,8 +97,6 @@ describe("createZappApp", () => {
108
97
  })
109
98
  );
110
99
 
111
- expect(store.getState()).toMatchSnapshot();
112
-
113
100
  expect(store.getState()).toEqual(
114
101
  expect.objectContaining({
115
102
  styles: expect.any(Object),
@@ -1,11 +1,10 @@
1
1
  import React from "react";
2
+ import { render } from "@testing-library/react-native";
2
3
  import { EmptyZappApp } from "../index";
3
- import { shallow } from "enzyme";
4
- import { shallowToJson } from "enzyme-to-json";
5
4
 
6
5
  describe("<EmptyZappApp />", () => {
7
6
  it("renders correctly", () => {
8
- const wrapper = shallow(<EmptyZappApp />);
9
- expect(shallowToJson(wrapper)).toMatchSnapshot();
7
+ const { toJSON } = render(<EmptyZappApp />);
8
+ expect(toJSON()).toMatchSnapshot();
10
9
  });
11
10
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applicaster/quick-brick-core",
3
- "version": "13.0.0-alpha.4004617449",
3
+ "version": "13.0.0-alpha.4118873321",
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.4004617449",
33
- "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.4004617449",
34
- "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.4004617449",
35
- "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.4004617449",
36
- "@applicaster/zapp-react-native-redux": "13.0.0-alpha.4004617449",
37
- "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.4004617449",
38
- "@applicaster/zapp-react-native-utils": "13.0.0-alpha.4004617449",
32
+ "@applicaster/applicaster-types": "13.0.0-alpha.4118873321",
33
+ "@applicaster/quick-brick-core-plugins": "13.0.0-alpha.4118873321",
34
+ "@applicaster/zapp-pipes-v2-client": "13.0.0-alpha.4118873321",
35
+ "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.4118873321",
36
+ "@applicaster/zapp-react-native-redux": "13.0.0-alpha.4118873321",
37
+ "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.4118873321",
38
+ "@applicaster/zapp-react-native-utils": "13.0.0-alpha.4118873321",
39
39
  "atob": "^2.1.2",
40
40
  "axios": "^0.28.0",
41
41
  "btoa": "^1.2.1",
@@ -57,10 +57,9 @@
57
57
  "@applicaster/zapp-react-native-tvos-ui-components": "*",
58
58
  "@babel/runtime": "*",
59
59
  "@react-native-community/netinfo": "*",
60
- "@types/node": "*",
61
60
  "immer": "*",
62
- "react": "17.0.2",
63
- "react-native": "0.68.6",
61
+ "react": "*",
62
+ "react-native": "*",
64
63
  "react-native-fs": "*",
65
64
  "react-native-gesture-handler": "*",
66
65
  "react-native-linear-gradient": "*",
@@ -73,8 +72,6 @@
73
72
  "zustand": "*"
74
73
  },
75
74
  "devDependencies": {
76
- "@types/react-native": "0.69.6",
77
- "@types/tizen-tv-webapis": "^2.0.1",
78
75
  "nock": "^10.0.0",
79
76
  "redux-mock-store": "^1.5.3"
80
77
  },
@@ -1,177 +0,0 @@
1
- import * as React from "react";
2
- import { View, Text } from "react-native";
3
- import { shallow } from "enzyme";
4
- import { shallowToJson } from "enzyme-to-json";
5
-
6
- import { URLSchemeListener } from "../index";
7
-
8
- const URL = "url";
9
-
10
- const TestComponent = () => (
11
- <View>
12
- <Text>I'm a test component</Text>
13
- </View>
14
- );
15
-
16
- const ReactNative = require("react-native");
17
- const { Linking } = ReactNative;
18
-
19
- const navigator = {
20
- push: jest.fn(),
21
- replace: jest.fn(),
22
- };
23
-
24
- jest.spyOn(console, "warn").mockImplementation(() => jest.fn());
25
-
26
- function clearMocks() {
27
- navigator.push.mockClear();
28
- navigator.replace.mockClear();
29
- console.warn.mockClear(); // eslint-disable-line no-console
30
- Linking.__resetListeners();
31
- Linking.__clearInitialURL();
32
- Linking.addEventListener.mockClear();
33
- Linking.removeEventListener.mockClear();
34
- Linking.getInitialURL.mockClear();
35
- Linking.openURL.mockClear();
36
- }
37
-
38
- describe("URLSchemeHandler", () => {
39
- const getWrapper = (props) =>
40
- shallow(
41
- <URLSchemeListener navigator={navigator} {...props}>
42
- <TestComponent />
43
- </URLSchemeListener>
44
- );
45
-
46
- beforeEach(clearMocks);
47
-
48
- it("renders correctly", () => {
49
- const wrapper = getWrapper();
50
- expect(shallowToJson(wrapper)).toMatchSnapshot();
51
- });
52
-
53
- describe("linking registration", () => {
54
- beforeEach(clearMocks);
55
-
56
- it("registers the listener when the component mounts", () => {
57
- const wrapper = getWrapper();
58
- const instance = wrapper.instance();
59
-
60
- expect(shallowToJson(wrapper)).toMatchSnapshot();
61
-
62
- expect(Linking.addEventListener).toHaveBeenCalledWith(
63
- URL,
64
- instance.handleOpenUrl
65
- );
66
- });
67
-
68
- it("unregisters the listener when the component unmounts", () => {
69
- const wrapper = getWrapper();
70
- const instance = wrapper.instance();
71
- wrapper.unmount();
72
-
73
- expect(Linking.removeEventListener).toHaveBeenCalledWith(
74
- URL,
75
- instance.handleOpenUrl
76
- );
77
- });
78
- });
79
-
80
- describe("initial url", () => {
81
- beforeEach(clearMocks);
82
-
83
- it("tries to get the initial url", () => {
84
- const listenerSpy = jest.fn();
85
- const wrapper = getWrapper({ listenerSpy });
86
-
87
- expect(shallowToJson(wrapper)).toMatchSnapshot();
88
- expect(listenerSpy).toHaveBeenCalledWith("getInitialURL");
89
- expect(Linking.getInitialURL).toHaveBeenCalled();
90
- });
91
-
92
- it("gets the initial url and redirect to it if it exists", async () => {
93
- const listenerSpy = jest.fn();
94
- const url = "http://foo.com";
95
- Linking.__setInitialURL(url);
96
-
97
- const wrapper = getWrapper({ listenerSpy });
98
- const instance = wrapper.instance();
99
-
100
- await instance.componentDidMount();
101
-
102
- expect(listenerSpy).toHaveBeenCalledWith("getInitialURL");
103
-
104
- expect(navigator.replace).toHaveBeenCalledWith(
105
- expect.objectContaining({ url })
106
- );
107
- });
108
-
109
- it("doesn't try to navigate if there is no initial url", async () => {
110
- const listenerSpy = jest.fn();
111
-
112
- const wrapper = getWrapper({ listenerSpy });
113
- const instance = wrapper.instance();
114
- jest.spyOn(instance, "handleOpenUrlError");
115
-
116
- await instance.componentDidMount();
117
-
118
- expect(listenerSpy).toHaveBeenCalledWith("getInitialURL");
119
- expect(listenerSpy).not.toHaveBeenCalledWith("canOpenURL");
120
- expect(navigator.replace).not.toHaveBeenCalled();
121
- });
122
- });
123
-
124
- describe("url scheme handler", () => {
125
- beforeEach(clearMocks);
126
-
127
- it("invokes the listener when a url is triggered", () => {
128
- const listenerSpy = jest.fn();
129
- const wrapper = getWrapper({ listenerSpy });
130
- const url = "http://foo.com";
131
-
132
- Linking.__callUrl(url);
133
-
134
- expect(shallowToJson(wrapper)).toMatchSnapshot();
135
-
136
- expect(listenerSpy).toHaveBeenCalledWith(
137
- "handleOpenUrl",
138
- expect.objectContaining({ url })
139
- );
140
- });
141
-
142
- it("invokes the navigator if a url is triggered and the url is valid", async () => {
143
- const listenerSpy = jest.fn();
144
- const wrapper = getWrapper({ listenerSpy });
145
- const instance = wrapper.instance();
146
- const spy = jest.spyOn(instance, "handleOpenUrl");
147
- const url = "http://foo.com";
148
-
149
- Linking.__callUrl(url);
150
-
151
- await spy;
152
-
153
- expect(navigator.replace).toHaveBeenCalledWith(
154
- expect.objectContaining({ url })
155
- );
156
- });
157
-
158
- it("doesn't invoke the navigator if a url is triggered and the url is undefined", async () => {
159
- const listenerSpy = jest.fn();
160
- const wrapper = getWrapper({ listenerSpy });
161
- const instance = wrapper.instance();
162
- const spy = jest.spyOn(instance, "handleOpenUrl");
163
- const url = undefined; // eslint-disable no-undefined
164
-
165
- Linking.__callUrl(url);
166
-
167
- await spy;
168
-
169
- expect(listenerSpy).toHaveBeenCalledWith(
170
- "handleOpenUrl",
171
- expect.objectContaining({ url })
172
- );
173
-
174
- expect(navigator.replace).not.toHaveBeenCalled();
175
- });
176
- });
177
- });
@@ -1,9 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`<ErrorBoundary /> When an error is caught renders correctly 1`] = `
4
- <ErrorScreen
5
- dismissError={[Function]}
6
- />
7
- `;
8
-
9
- exports[`<ErrorBoundary /> when there is no error renders correctly 1`] = `<TestComponent />`;
@@ -1,35 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`storeConnector passes the props to the component 1`] = `
4
- <Component
5
- appSettings={
6
- {
7
- "bundleIdentifier": "com.app.test",
8
- }
9
- }
10
- components={
11
- {
12
- "grid": [MockFunction],
13
- }
14
- }
15
- dispatch={[Function]}
16
- rivers={
17
- {
18
- "A123": {
19
- "id": "A123",
20
- "name": "home",
21
- },
22
- }
23
- }
24
- store={
25
- {
26
- "clearActions": [Function],
27
- "dispatch": [Function],
28
- "getActions": [Function],
29
- "getState": [Function],
30
- "replaceReducer": [Function],
31
- "subscribe": [Function],
32
- }
33
- }
34
- />
35
- `;
@@ -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
- });
@@ -1,43 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`remoteContextReloader adds a componentDidMount method 1`] = `
4
- <Component
5
- appSettings={
6
- {
7
- "runtimeConfigurationUrls": {
8
- "foo": "bar",
9
- },
10
- }
11
- }
12
- dispatch={[MockFunction]}
13
- plugins={[]}
14
- />
15
- `;
16
-
17
- exports[`remoteContextReloader when in __DEV__ doesn't invoke the context reloader 1`] = `
18
- <Component
19
- appSettings={
20
- {
21
- "runtimeConfigurationUrls": {
22
- "foo": "bar",
23
- },
24
- }
25
- }
26
- dispatch={[MockFunction]}
27
- plugins={[]}
28
- />
29
- `;
30
-
31
- exports[`remoteContextReloader when not in __DEV__ invokes the context reloader 1`] = `
32
- <Component
33
- appSettings={
34
- {
35
- "runtimeConfigurationUrls": {
36
- "foo": "bar",
37
- },
38
- }
39
- }
40
- dispatch={[MockFunction]}
41
- plugins={[]}
42
- />
43
- `;