@applicaster/zapp-react-native-utils 13.0.0-alpha.6714678893 → 13.0.0-alpha.7120331332

package/reactUtils/createContext/__tests__/__snapshots__/helpers.test.js.snap

@@ -1,104 +1,104 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`createContextSetters when no state validator is provided calls setState when the setters are called, no matter what the value is 1`] = `
-Object {
+{
   "bar": "bar",
   "foo": "foo",
 }
 `;
 
 exports[`createContextSetters when no state validator is provided calls setState when the setters are called, no matter what the value is 2`] = `
-Object {
+{
   "bar": "bar",
   "foo": "invalid foo",
 }
 `;
 
 exports[`createContextSetters when no state validator is provided calls setState when the setters are called, no matter what the value is 3`] = `
-Object {
+{
   "bar": "invalid bar",
   "foo": "invalid foo",
 }
 `;
 
 exports[`createContextSetters when no state validator is provided calls setState when the setters are called, no matter what the value is 4`] = `
-Array [
-  Array [
+[
+  [
     [Function],
   ],
-  Array [
+  [
     [Function],
   ],
 ]
 `;
 
 exports[`createContextSetters when state validator is provided calls setState when the setters are called & the validator passes 1`] = `
-Object {
+{
   "bar": "bar",
   "foo": "foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided calls setState when the setters are called & the validator passes 2`] = `
-Object {
+{
   "bar": "bar",
   "foo": "new foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided calls setState when the setters are called & the validator passes 3`] = `
-Object {
+{
   "bar": "new bar",
   "foo": "new foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided calls setState when the setters are called & the validator passes 4`] = `
-Array [
-  Array [
+[
+  [
     [Function],
   ],
-  Array [
+  [
     [Function],
   ],
 ]
 `;
 
 exports[`createContextSetters when state validator is provided skips the update if the new value is the same as the previous one 1`] = `
-Object {
+{
   "bar": "bar",
   "foo": "new foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided skips the update if the state validator doesn't pass 1`] = `
-Object {
+{
   "bar": "bar",
   "foo": "foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided skips the update if the state validator doesn't pass 2`] = `
-Object {
+{
   "bar": "bar",
   "foo": "foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided skips the update if the state validator doesn't pass 3`] = `
-Object {
+{
   "bar": "bar",
   "foo": "foo",
 }
 `;
 
 exports[`createContextSetters when state validator is provided skips the update if the state validator doesn't pass 4`] = `
-Array [
-  Array [
+[
+  [
     "trying to invoke setFoo with invalid foo - but it was rejected by the state validator
           skipping context update",
   ],
-  Array [
+  [
     "trying to invoke setBar with invalid bar - but it was rejected by the state validator
           skipping context update",
   ],

package/reactUtils/createContext/__tests__/__snapshots__/index.test.js.snap

@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`createContext - when React has the new context API returns the components and the decorators 1`] = `
-Object {
+{
   "Consumer": [MockFunction],
   "Provider": [MockFunction],
-  "ReactContext": Object {
+  "ReactContext": {
     "Consumer": [MockFunction],
     "Provider": [MockFunction],
   },

package/reactUtils/createContext/__tests__/__snapshots__/provider.test.js.snap

@@ -3,7 +3,7 @@
 exports[`createProvider creates a context Provider component 1`] = `
 <mockConstructor
   value={
-    Object {
+    {
       "context": "initialValue",
       "otherContext": "otherValue",
       "setContext": [Function],
@@ -18,11 +18,11 @@ exports[`createProvider creates a context Provider component 1`] = `
 `;
 
 exports[`createProvider creates a context Provider component 2`] = `
-Object {
+{
   "children": <MockChild
     context="context"
   />,
-  "value": Object {
+  "value": {
     "context": "initialValue",
     "otherContext": "otherValue",
     "setContext": [Function],

package/reactUtils/createContext/__tests__/helpers.test.js

@@ -9,13 +9,13 @@ function stateValidator({ property, value }) {
   );
 }
 
-const logger = {
+const mockLogger = {
   warning: jest.fn(),
 };
 
 jest.mock("../../logger", () => ({
   reactUtilsLogger: {
-    addSubsystem: jest.fn(() => logger),
+    addSubsystem: jest.fn(() => mockLogger),
   },
 }));
 
@@ -62,7 +62,7 @@ describe("createContextSetters", () => {
     beforeEach(() => {
       instance.resetInitialState();
       setStateSpy.mockClear();
-      logger.warning.mockClear();
+      mockLogger.warning.mockClear();
     });
 
     it("adds all properties and setters to the component", () => {
@@ -83,7 +83,7 @@ describe("createContextSetters", () => {
 
       expect(setStateSpy).toHaveBeenCalledTimes(2);
       expect(setStateSpy.mock.calls).toMatchSnapshot();
-      expect(logger.warning).not.toHaveBeenCalled();
+      expect(mockLogger.warning).not.toHaveBeenCalled();
     });
 
     it("skips the update if the state validator doesn't pass", () => {
@@ -96,8 +96,8 @@ describe("createContextSetters", () => {
       expect(instance.state).toMatchSnapshot();
 
       expect(setStateSpy).not.toHaveBeenCalled();
-      expect(logger.warning).toHaveBeenCalledTimes(2);
-      expect(logger.warning.mock.calls).toMatchSnapshot();
+      expect(mockLogger.warning).toHaveBeenCalledTimes(2);
+      expect(mockLogger.warning.mock.calls).toMatchSnapshot();
     });
 
     it("skips the update if the new value is the same as the previous one", () => {
@@ -131,7 +131,7 @@ describe("createContextSetters", () => {
 
     afterEach(() => {
       setStateSpy.mockClear();
-      logger.warning.mockClear();
+      mockLogger.warning.mockClear();
     });
 
     it("adds all properties and setters to the component", () => {
@@ -152,7 +152,7 @@ describe("createContextSetters", () => {
 
       expect(setStateSpy).toHaveBeenCalledTimes(2);
       expect(setStateSpy.mock.calls).toMatchSnapshot();
-      expect(logger.warning).not.toHaveBeenCalled();
+      expect(mockLogger.warning).not.toHaveBeenCalled();
     });
   });
 });

package/theme/__mocks__/index.ts

@@ -1,3 +1,5 @@
+import React from "react";
+
 export const themeMock = {
   screen_padding_top: 20,
   screen_padding_bottom: 48,
@@ -17,3 +19,5 @@ export const themeMock = {
 };
 
 export const useTheme = jest.fn().mockReturnValue(themeMock);
+
+export const ThemeContext = React.createContext(themeMock);

package/manifestUtils/sharedConfiguration/screenPicker/__tests__/utils.test.js

@@ -1,304 +0,0 @@
-// @ts-nocheck
-import utils from "../utils";
-
-describe("generateFontConfiguration", () => {
-  it("should generate default configuration for tvos", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "tvOS font Size",
-        key: "tvos_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "tvOS line Height",
-        key: "tvos_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "tvOS letter Spacing",
-        key: "tvos_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      tvos: "tvOS",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for android_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "Android TV font Size",
-        key: "android_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "Android TV line Height",
-        key: "android_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "Android TV letter Spacing",
-        key: "android_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      android_tv: "Android TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for lg_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "LG TV font Size",
-        key: "lg_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "LG TV line Height",
-        key: "lg_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "LG TV letter Spacing",
-        key: "lg_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      lg_tv: "LG TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-
-  it("should generate default configuration for samsung_tv", () => {
-    const expected = [
-      {
-        initial_value: 20,
-        label: "Samsung TV font Size",
-        key: "samsung_tv_font_size",
-        type: "number_input",
-      },
-      {
-        initial_value: 40,
-        label: "Samsung TV line Height",
-        key: "samsung_tv_line_height",
-        type: "number_input",
-      },
-      {
-        initial_value: 0.4,
-        label: "Samsung TV letter Spacing",
-        key: "samsung_tv_letter_spacing",
-        type: "number_input",
-      },
-    ];
-
-    const platforms = {
-      samsung_tv: "Samsung TV",
-    };
-
-    const generatedFontConfiguration =
-      utils.generateFontConfiguration(platforms);
-
-    expect(generatedFontConfiguration).toEqual(expected);
-  });
-});
-
-test("conditional_rule helper should return correct object", () => {
-  expect(utils.conditional_rule("a", "b")).toMatchObject({
-    key: "a",
-    condition_value: "b",
-  });
-});
-
-test("createConditionalConfig helper should return correct object", () => {
-  expect(
-    utils.createConditionalConfig([
-      ["a", "b"],
-      ["c", "d"],
-    ])
-  ).toEqual({
-    rules: "conditional",
-    conditional_fields: [
-      {
-        key: "a",
-        condition_value: "b",
-      },
-      {
-        key: "c",
-        condition_value: "d",
-      },
-    ],
-  });
-});
-
-test("conditional_horizontal_type should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-});
-
-test("conditional_vertical_type should contain correct parameters", () => {
-  expect(utils.conditional_vertical_type.conditional_fields[0]).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "vertical",
-  });
-});
-
-test("conditional_horizontal_type_item_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_type_item_fixed.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_item_size",
-    condition_value: "fixed",
-  });
-});
-
-test("conditional_horizontal_display_type_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_display_type_fixed.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_display_type_fixed.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_horizontal_display_type",
-    condition_value: "fixed",
-  });
-});
-
-test("conditional_horizontal_display_type_fixed should contain correct parameters", () => {
-  expect(
-    utils.conditional_horizontal_asset_on.conditional_fields[0]
-  ).toMatchObject({
-    key: "styles/screen_picker_type",
-    condition_value: "horizontal",
-  });
-
-  expect(
-    utils.conditional_horizontal_asset_on.conditional_fields[1]
-  ).toMatchObject({
-    key: "styles/screen_picker_asset_switch",
-    condition_value: true,
-  });
-});
-
-describe("createVariationFields", () => {
-  const defaultInput = {
-    key: "somekey",
-    label: "default somekey label",
-    variants: [
-      {
-        initial_value: "a",
-      },
-      {
-        initial_value: "b",
-        label: "custom label",
-      },
-    ],
-  };
-
-  const config = utils.createVariationFields(defaultInput);
-
-  it("should return array containing object for conditional_vertical_type", () => {
-    expect(config[0].rules).toBe("conditional");
-
-    expect(config[0].conditional_fields).toEqual([
-      {
-        key: "styles/screen_picker_type",
-        condition_value: "vertical",
-      },
-    ]);
-
-    expect(config[0].type).toBe("number_input");
-    expect(config[0].key).toBe("screen_picker_vertical_somekey");
-    expect(config[0].label).toBe("default somekey label");
-    expect(config[0].initial_value).toBe("a");
-  });
-
-  it("should return array containing object for conditional_horizontal_type", () => {
-    expect(config[1].rules).toBe("conditional");
-
-    expect(config[1].conditional_fields).toEqual([
-      {
-        key: "styles/screen_picker_type",
-        condition_value: "horizontal",
-      },
-    ]);
-
-    expect(config[1].type).toBe("number_input");
-    expect(config[1].key).toBe("screen_picker_horizontal_somekey");
-    expect(config[1].label).toBe("custom label");
-    expect(config[1].initial_value).toBe("b");
-  });
-
-  it("should accept custom prefix (empty)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      prefix: "",
-    });
-
-    expect(config[0].key).toBe("vertical_somekey");
-    expect(config[1].key).toBe("horizontal_somekey");
-  });
-
-  it("should accept custom prefix (string)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      prefix: "string",
-    });
-
-    expect(config[0].key).toBe("string_vertical_somekey");
-    expect(config[1].key).toBe("string_horizontal_somekey");
-  });
-
-  it("should accept custom type (string)", () => {
-    const config = utils.createVariationFields({
-      ...defaultInput,
-      type: "text_input",
-    });
-
-    expect(config[0].type).toBe("text_input");
-    expect(config[1].type).toBe("text_input");
-  });
-});