@react-native-ama/core 1.2.1 → 2.0.0-beta.0

package/dist/internals/utils/rules.js

@@ -0,0 +1,253 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AMA_COLORS = exports.RULES_HELP = exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = exports.CONTRAST_CHECKER_MAX_DEPTH = exports.LOGGER_RULES = exports.NON_OVERRIDABLE_RULES = void 0;
+const react_native_1 = require("react-native");
+exports.NON_OVERRIDABLE_RULES = __DEV__
+    ? [
+        'NO_ACCESSIBILITY_ROLE',
+        'NO_ACCESSIBILITY_LABEL',
+        'NO_KEYBOARD_TRAP',
+        'NO_UNDEFINED',
+        'INPUT_HAS_NO_VISIBLE_LABEL',
+        'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE',
+        'BOTTOM_SHEET_CLOSE_ACTION',
+        'INCOMPATIBLE_ACCESSIBILITY_STATE',
+        'INCOMPATIBLE_ACCESSIBILITY_ROLE',
+        'NO_HEADER_FOUND',
+    ]
+    : undefined;
+exports.LOGGER_RULES = __DEV__
+    ? {
+        CONTRAST_FAILED: 'MUST',
+        CONTRAST_FAILED_AAA: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: 'MUST',
+        IMAGE_MISSING_ALT_TEXT: 'MUST',
+        MINIMUM_SIZE: 'MUST',
+        NO_ACCESSIBILITY_LABEL: 'MUST',
+        NO_ACCESSIBILITY_ROLE: 'MUST',
+        INPUT_HAS_NO_VISIBLE_LABEL: 'MUST',
+        NO_FORM_ERROR: 'MUST',
+        NO_KEYBOARD_TRAP: 'MUST_NOT',
+        NO_UNDEFINED: 'MUST_NOT',
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: 'MUST_NOT',
+        NO_UPPERCASE_TEXT: 'MUST_NOT',
+        BOTTOM_SHEET_CLOSE_ACTION: 'MUST',
+        INCOMPATIBLE_ACCESSIBILITY_STATE: 'MUST',
+        INPUT_HAS_NO_VISIBLE_LABEL_ENDING_WITH_ASTERISK: 'MUST_NOT',
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: 'MUST_NOT',
+        NO_UPPERCASE_ACCESSIBILITY_LABEL: 'SHOULD_NOT',
+        NO_HEADER_FOUND: 'MUST',
+        NO_ACCESSIBILITY_STATE_SET: 'MUST',
+        INPUT_INVALID_RETURN_KEY: 'MUST',
+        INPUT_HAS_FOCUSABLE_LABEL: 'MUST',
+        LONG_NUMBER_NOT_FORMATTED: 'SHOULD_NOT',
+    }
+    : null;
+exports.CONTRAST_CHECKER_MAX_DEPTH = 5;
+exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = false;
+exports.RULES_HELP = __DEV__
+    ? {
+        CONTRAST_FAILED: {
+            url: '/guidelines/contrast',
+            issue: 'Insufficient color contrast',
+            severity: 'Serious',
+            message: 'Text does not have enough contrast against its background. Low contrast makes content hard or impossible to read for users with low vision or when viewing the screen in poor lighting.',
+            howToFix: 'Increase the contrast between text and background to meet WCAG AA requirements.',
+        },
+        CONTRAST_FAILED_AAA: {
+            url: '/guidelines/contrast',
+            issue: 'Insufficient color contrast (AAA)',
+            severity: 'Serious',
+            message: 'Text does not meet enhanced contrast requirements. This affects users with more severe visual impairments and reduces overall readability.',
+            howToFix: 'Increase the contrast between text and background to meet WCAG AAA requirements.',
+        },
+        MINIMUM_SIZE: {
+            url: '/guidelines/minimum-size',
+            issue: 'Touch target too small',
+            severity: 'Serious',
+            message: 'The element is too small to be tapped reliably. Small touch targets increase error rates, especially for users with motor impairments or larger fingers.',
+            howToFix: `Ensure the element is at least ${react_native_1.Platform.select({
+                ios: '44x44',
+                default: '48x48',
+            })} points, or increase the tappable area using hitSlop.`,
+        },
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: {
+            url: '/guidelines/text',
+            issue: 'Uppercase text without accessibility label',
+            severity: 'Serious',
+            message: 'All caps text can be read letter by letter by screen readers, making it hard to understand. It can also make voice commands less predictable.',
+            howToFix: 'Provide an accessibility label with normal capitalization.',
+        },
+        NO_UPPERCASE_TEXT: {
+            url: '/guidelines/text',
+            issue: 'Avoid uppercase text',
+            severity: 'Serious',
+            message: 'Uppercase text can reduce readability for both screen reader users and sighted users.',
+            howToFix: 'Use normal capitalization or provide a properly capitalized accessibility label.',
+        },
+        NO_UPPERCASE_ACCESSIBILITY_LABEL: {
+            url: '/guidelines/accessibility-label#avoid-all-caps-accessibility-label',
+            issue: 'Uppercase accessibility label',
+            severity: 'Warning',
+            message: 'Accessibility labels in all caps may be read incorrectly by screen readers.',
+            howToFix: 'Use normal capitalization in accessibility labels.',
+        },
+        NO_ACCESSIBILITY_LABEL: {
+            url: '/guidelines/accessibility-label',
+            issue: 'Missing accessibility label',
+            severity: 'Critical',
+            message: 'This element has no accessible name. Screen reader users will not know what this control does, and Voice Control users will not be able to target it with voice commands.',
+            howToFix: [
+                'Add a descriptive accessibility label that explains the action or purpose, for example:',
+                ' • `aria-label="Add to cart"`',
+                ' • `aria-label="Go back"`',
+            ],
+        },
+        NO_ACCESSIBILITY_ROLE: {
+            url: '/guidelines/accessibility-role',
+            issue: 'Missing accessibility role',
+            severity: 'Critical',
+            message: 'Without a role, assistive technologies cannot determine how this element should be used. Voice Control may also misinterpret how to interact with it.',
+            howToFix: [
+                'Assign the correct accessibility role, for example:',
+                ' • Button: `aria-role="button"`',
+                ' • Switch: `aria-role="switch"`',
+            ],
+        },
+        NO_KEYBOARD_TRAP: {
+            url: '/guidelines/forms',
+            issue: 'Keyboard trap detected',
+            severity: 'Critical',
+            message: 'Focus cannot escape this input. Users navigating with a keyboard or assistive technology may get stuck.',
+            howToFix: 'Ensure users can move focus away from the field even when validation fails.',
+        },
+        INPUT_HAS_NO_VISIBLE_LABEL: {
+            url: '/guidelines/forms#labels',
+            issue: 'Missing form label',
+            severity: 'Critical',
+            message: 'This input has no visible label. Without a persistent label, users can forget what the field is for once they start typing, increasing errors and frustration. Placeholders are not a replacement for labels, as they disappear once text is entered.',
+            howToFix: "Add a visible, persistent label that clearly explains the field's purpose.",
+        },
+        NO_FORM_ERROR: {
+            url: '/guidelines/forms',
+            issue: 'Missing form error handling',
+            severity: 'Serious',
+            message: 'After submission fails, users are not informed where the error occurred. Screen reader users receive no feedback.',
+            howToFix: 'Provide clear error messages and move focus to the first invalid field.',
+        },
+        INPUT_HAS_NO_VISIBLE_LABEL_ENDING_WITH_ASTERISK: {
+            url: '/guidelines/forms#labels',
+            issue: 'Asterisk used to indicate required field',
+            severity: 'Serious',
+            message: 'Asterisks are visual only. Screen readers do not reliably convey that the field is required.',
+            howToFix: 'Mark required fields programmatically instead of relying on an asterisk.',
+        },
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: {
+            url: '/guidelines/lists-grids#number-of-results',
+            issue: 'Missing item count in list announcement',
+            severity: 'Serious',
+            message: 'List announcements without item counts provide poor context for screen reader users.',
+            howToFix: 'Include the number of items in the announcement, even for a single result.',
+        },
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: {
+            url: '/guidelines/lists-grids#number-of-results',
+            issue: 'Missing item count in list announcement',
+            severity: 'Serious',
+            message: 'List announcements without item counts provide poor context for screen reader users.',
+            howToFix: 'Include the total number of items in the announcement.',
+        },
+        BOTTOM_SHEET_CLOSE_ACTION: {
+            url: '/guidelines/bottomsheet',
+            issue: 'No accessible close action',
+            severity: 'Critical',
+            message: 'Users must have a clear and accessible way to dismiss a bottom sheet. Without it, Voice Control users may be unable to close the view.',
+            howToFix: 'Provide a close button or gesture that is accessible to screen readers.',
+        },
+        INCOMPATIBLE_ACCESSIBILITY_STATE: {
+            url: '/guidelines/accessibility-role',
+            issue: 'Incompatible accessibility state',
+            severity: 'Serious',
+            message: 'The accessibility state does not match the element’s behavior.',
+            howToFix: 'Use accessibility states that are valid for the given element type.',
+        },
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: {
+            url: '/guidelines/accessibility-role',
+            issue: 'Incompatible accessibility role',
+            severity: 'Serious',
+            message: 'The assigned role does not match how this element behaves.',
+            howToFix: 'Update the role to reflect the element’s actual interaction pattern.',
+        },
+        NO_HEADER_FOUND: {
+            url: '/guidelines/headers',
+            issue: 'Missing header semantics',
+            severity: 'Serious',
+            message: 'Screen reader users rely on headers to navigate content efficiently. Headers also help Voice Control users jump to sections by name.',
+            howToFix: 'Mark visual headers with `aria-role="header"`.',
+        },
+        NO_ACCESSIBILITY_STATE_SET: {
+            url: '/guidelines/accessibility-states',
+            issue: 'Accessibility state not updated',
+            severity: 'Critical',
+            message: 'The UI state changed, but assistive technologies were not informed.',
+            howToFix: [
+                'Update accessibilityState to reflect the new state, for example:',
+                ' • `aria-expanded={expanded}`',
+                ' • `aria-checked={checked}`',
+                ' • `aria-selected={selected}`',
+                ' • `aria-busy={busy}`',
+            ],
+        },
+        INPUT_INVALID_RETURN_KEY: {
+            url: '/guidelines/forms#focus-on-the-next-field',
+            issue: 'Invalid return key behavior',
+            severity: 'Serious',
+            message: 'By default, React Native shows the `Return` keyboard action that dismisses the keyboard.  This interrupts form completion and forces users to manually navigate to the next field.',
+            howToFix: 'Explicitly set the appropriate `returnType` (for example `next`) and handle `onSubmitEditing` to move focus to the next input instead of dismissing the keyboard.',
+        },
+        INPUT_HAS_FOCUSABLE_LABEL: {
+            url: '/guidelines/forms#grouping',
+            issue: 'Label is focusable',
+            severity: 'Serious',
+            message: 'The label receives focus separately, resulting in duplicate announcements.',
+            howToFix: 'Make the label non-focusable and provide the label via `aria-label` on the input.',
+        },
+        IMAGE_MISSING_ALT_TEXT: {
+            url: '/guidelines/images',
+            issue: 'Image missing accessibility label',
+            severity: 'Critical',
+            message: 'This image has no accessible name. Screen reader users will not know what the image depicts.',
+            howToFix: [
+                'Add a descriptive accessibility label that explains what the image shows, for example:',
+                ' • `aria-label="Product photo"`',
+                ' • `aria-label="Icon for settings"`',
+                'For decorative images, mark them as non-accessible with `accessible={false}`.',
+            ],
+        },
+        NO_UNDEFINED: {
+            url: '/guidelines/accessibility-label',
+            issue: 'Undefined accessibility value',
+            severity: 'Critical',
+            message: 'An accessibility property has an undefined value. This can cause screen readers to announce unexpected content.',
+            howToFix: 'Ensure all accessibility props are explicitly set to a defined value or omitted entirely.',
+        },
+        LONG_NUMBER_NOT_FORMATTED: {
+            url: '/guidelines/text',
+            issue: 'Long number not formatted for screen readers',
+            severity: 'Warning',
+            message: 'A long run of unformatted digits (e.g. a card or account number) is read by screen readers as one large number instead of digit-by-digit.',
+            howToFix: 'Add spacing between digits via the accessibility label so the number is announced digit-by-digit.',
+        },
+    }
+    : null;
+const canRuleBeOverridden = __DEV__
+    ? (rule) => {
+        return !exports.NON_OVERRIDABLE_RULES.includes(rule);
+    }
+    : null;
+exports.AMA_COLORS = {
+    Critical: '#f00',
+    Serious: '#2563EB',
+    Warning: '#2563EB',
+};
+exports.default = canRuleBeOverridden;

package/package.json

@@ -1,18 +1,46 @@
 {
   "name": "@react-native-ama/core",
-  "version": "1.2.1",
+  "version": "2.0.0-beta.0",
   "description": "Accessible Mobile App Library for React Native",
-  "react-native": "src/index",
-  "types": "dist/src/index.d.ts",
-  "main": "dist/src/index.js",
+  "sideEffects": false,
   "exports": {
-    ".": [
-      {
-        "imports": "./dist/src/index.js",
-        "types": "./dist/src/index.d.ts"
-      },
-      "./dist/src/index.js"
-    ]
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./AMAProvider": {
+      "types": "./dist/components/AMAProvider.d.ts",
+      "default": "./dist/components/AMAProvider.js"
+    },
+    "./AutofocusContainer": {
+      "types": "./dist/components/AutofocusContainer.d.ts",
+      "default": "./dist/components/AutofocusContainer.js"
+    },
+    "./HideChildrenFromAccessibilityTree": {
+      "types": "./dist/components/HideChildrenFromAccessibilityTree.d.ts",
+      "default": "./dist/components/HideChildrenFromAccessibilityTree.js"
+    },
+    "./useFocus": {
+      "types": "./dist/hooks/useFocus.d.ts",
+      "default": "./dist/hooks/useFocus.js"
+    },
+    "./useTimedAction": {
+      "types": "./dist/hooks/useTimedAction.d.ts",
+      "default": "./dist/hooks/useTimedAction.js"
+    },
+    "./ReactNativeAmaModule": {
+      "types": "./dist/ReactNativeAmaModule.d.ts",
+      "default": "./dist/ReactNativeAmaModule.js"
+    },
+    "./ReactNativeAmaView": {
+      "types": "./dist/ReactNativeAmaView.d.ts",
+      "default": "./dist/ReactNativeAmaView.js"
+    },
+    "./ReactNativeAma.types": {
+      "types": "./dist/ReactNativeAma.types.d.ts",
+      "default": "./dist/ReactNativeAma.types.js"
+    }
   },
   "files": [
     "src",
@@ -20,14 +48,11 @@
     "dist/scripts"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsc -p ./tsconfig.build.json",
-    "typecheck": "tsc --noEmit",
+    "build": "rm -rf dist && ../../node_modules/.bin/tsc -p ./tsconfig.build.json",
+    "typecheck": "../../node_modules/.bin/tsc --noEmit",
     "test": "jest",
     "postinstall": "node ./src/postinstall.js"
   },
-  "dependencies": {
-    "@react-native-ama/internal": "~1.2.1"
-  },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
@@ -60,8 +85,17 @@
       "<rootDir>/node_modules",
       "<rootDir>/dist/"
     ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest.setup.js"
+    ],
     "collectCoverageFrom": [
-      "src/**/*.{ts,tsx}"
+      "src/**/*.{ts,tsx}",
+      "!src/index.ts",
+      "!src/ReactNativeAmaModule.ts",
+      "!src/ReactNativeAmaModule.web.ts",
+      "!src/ReactNativeAmaView.tsx",
+      "!src/ReactNativeAmaView.web.tsx",
+      "!src/ReactNativeAma.types.ts"
     ],
     "coverageThreshold": {
       "global": {
@@ -72,8 +106,17 @@
       }
     },
     "transformIgnorePatterns": [
-      "node_modules/(?!(@react-native|react-native|react-native-reanimated/))"
+      "node_modules/(?!(react-native-reanimated|expo|@expo)/)"
+    ],
+    "moduleDirectories": [
+      "node_modules",
+      "../../playground/node_modules"
     ],
+    "moduleNameMapper": {
+      "@react-native/js-polyfills/error-guard": "<rootDir>/../../jest-mocks/error-guard.js",
+      "^(\\.{1,2}/)*ama\\.config\\.json$": "<rootDir>/../../jest-mocks/ama-config.js",
+      "^(\\.{1,2}/)*ReactNativeAmaModule$": "<rootDir>/../../jest-mocks/ReactNativeAmaModule.js"
+    },
     "verbose": true
   }
 }

package/src/ReactNativeAma.types.ts

@@ -0,0 +1,70 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+export type OnLoadEventPayload = {
+  url: string;
+};
+
+export type AmaNode = {
+  type: 'Pressable' | 'Text' | 'TextInput' | 'Image';
+  viewId: number;
+  bounds: [number, number, number, number];
+  hitSlop?: { top: number; left: number; bottom: number; right: number };
+
+  ariaLabel?: string;
+  ariaRole?: string;
+  traits?: string[];
+  content?: string;
+
+  fg?: string;
+  bg?: string;
+  fontSize?: number; // pt
+  isBold?: boolean;
+  isEnabled?: boolean;
+  returnType?: number;
+  hasOnSubmitEditing: boolean;
+  isAccessible?: boolean; // For Text components: false if accessibilityElementsHidden (iOS) or importantForAccessibility="no" (Android)
+};
+
+export type AmaNodes = Record<number, AmaNode>;
+
+export type AmaUiSnapshot = {
+  fgColor?: string;
+  bgColor?: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  parentId: number;
+  isPressable: boolean;
+  isChecked: boolean;
+  isBusy: boolean;
+  isSelected: boolean;
+  isDisabled: boolean;
+  isExpanded: boolean;
+};
+
+export type AmaUiSnapshotsData = {
+  rootTag: number;
+  before: Record<number, AmaUiSnapshot>;
+  after: Record<number, AmaUiSnapshot>;
+  afterSettled?: Record<number, AmaUiSnapshot>;
+	beforeModalVisible: boolean;
+	afterModalVisible: boolean;
+};
+
+export type AmaUiSnapshotKeys = keyof AmaUiSnapshot;
+
+export type ReactNativeAmaModuleEvents = {
+  onAmaNodes: (nodes: AmaNodes) => void;
+  onUIInteraction: (nodes: AmaUiSnapshotsData) => void;
+};
+
+export type ChangeEventPayload = {
+  value: string;
+};
+
+export type ReactNativeAmaViewProps = {
+  url: string;
+  onLoad: (event: { nativeEvent: OnLoadEventPayload }) => void;
+  style?: StyleProp<ViewStyle>;
+};

package/src/ReactNativeAmaModule.ts

@@ -0,0 +1,18 @@
+import { NativeModule, requireNativeModule } from 'expo';
+import { ReactNativeAmaModuleEvents } from './ReactNativeAma.types';
+import { Position } from './internals/types';
+
+declare class ReactNativeAmaModule extends NativeModule<ReactNativeAmaModuleEvents> {
+  start(config?: any): void;
+  stop(): void;
+  highlight(
+    viewId: number,
+    mode: 'background' | 'border' | 'both',
+    color: string,
+    issueCount: number,
+  ): Promise<Position>;
+  clearHighlight(viewId: number): void;
+}
+
+// This call loads the native module object from the JSI.
+export default requireNativeModule<ReactNativeAmaModule>('ReactNativeAma');

package/src/ReactNativeAmaModule.web.ts

@@ -0,0 +1,14 @@
+import { NativeModule, registerWebModule } from 'expo';
+import { AmaNodes, ReactNativeAmaModuleEvents } from './ReactNativeAma.types';
+
+class ReactNativeAmaModule extends NativeModule<ReactNativeAmaModuleEvents> {
+  PI = Math.PI;
+  async setValueAsync(nodes: AmaNodes): Promise<void> {
+    this.emit('onAmaNodes', nodes);
+  }
+  hello() {
+    return 'Hello world! 👋';
+  }
+}
+
+export default registerWebModule(ReactNativeAmaModule, 'ReactNativeAmaModule');

package/src/ReactNativeAmaView.tsx

@@ -0,0 +1,9 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+import { ReactNativeAmaViewProps } from './ReactNativeAma.types';
+
+const NativeView: React.ComponentType<ReactNativeAmaViewProps> = requireNativeView('ReactNativeAma');
+
+export default function ReactNativeAmaView(props: ReactNativeAmaViewProps) {
+  return <NativeView {...props} />;
+}

package/src/ReactNativeAmaView.web.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ReactNativeAmaViewProps } from './ReactNativeAma.types';
+
+export default function ReactNativeAmaView(props: ReactNativeAmaViewProps) {
+  return (
+    <div>
+      <iframe
+        // eslint-disable-next-line react-native/no-inline-styles
+        style={{ flex: 1 }}
+        src={props.url}
+        onLoad={() => props.onLoad({ nativeEvent: { url: props.url } })}
+      />
+    </div>
+  );
+}

package/src/__mocks__/ReactNativeAmaModule.ts

@@ -0,0 +1,9 @@
+const ReactNativeAmaModule = {
+  start: jest.fn(),
+  stop: jest.fn(),
+  highlight: jest.fn(),
+  clearHighlight: jest.fn(),
+  addListener: jest.fn(() => ({ remove: jest.fn() })),
+};
+
+export default ReactNativeAmaModule;

package/src/components/AMAProvider.integration.test.tsx

@@ -1,7 +1,6 @@
 import { act, render } from '@testing-library/react-native';
 import { flushMicroTasks } from '@testing-library/react-native/build/flush-micro-tasks';
 import * as React from 'react';
-
 import { AMAContextValue, AMAProvider, useAMAContext } from './AMAProvider';
 
 beforeEach(() => {
@@ -9,95 +8,6 @@ beforeEach(() => {
 });
 
 describe('AMAProvider', () => {
-  describe('When __DEV__ is true', () => {
-    beforeEach(() => {
-      // @ts-ignore
-      global.__DEV__ = true;
-    });
-
-    describe('trackError', () => {
-      it('exports trackError', async () => {
-        await renderAMAProvider();
-
-        expect(amaContextValuesRef.trackError).toBeDefined();
-      });
-
-      it('shows the AMA error banner when called', async () => {
-        const renderAPI = await renderAMAProvider();
-
-        expect(renderAPI.queryByTestId('amaError')).toBeNull();
-
-        act(() => {
-          amaContextValuesRef.trackError('123');
-        });
-
-        expect(renderAPI.getByTestId('amaError')).toBeDefined();
-        expect(
-          renderAPI.getByTestId('amaError').props.accessibilityLabel,
-        ).toEqual("1 component(s) didn't pass the accessibility check(s)");
-
-        act(() => {
-          amaContextValuesRef.trackError('123');
-        });
-
-        expect(
-          renderAPI.getByTestId('amaError').props.accessibilityLabel,
-        ).toEqual("1 component(s) didn't pass the accessibility check(s)");
-
-        expect(renderAPI.getByTestId('amaError')).toBeDefined();
-
-        act(() => {
-          amaContextValuesRef.trackError('another');
-        });
-
-        expect(
-          renderAPI.getByTestId('amaError').props.accessibilityLabel,
-        ).toEqual("2 component(s) didn't pass the accessibility check(s)");
-
-        expect(renderAPI.getByTestId('amaError')).toBeDefined();
-      });
-    });
-
-    describe('removeError', () => {
-      it('exports removeError', async () => {
-        await renderAMAProvider();
-
-        expect(amaContextValuesRef.removeError).toBeDefined();
-      });
-
-      it('shows the AMA error banner when called', async () => {
-        const renderAPI = await renderAMAProvider();
-
-        expect(renderAPI.queryByTestId('amaError')).toBeNull();
-
-        act(() => {
-          amaContextValuesRef.trackError('123');
-        });
-
-        expect(
-          renderAPI.getByTestId('amaError').props.accessibilityLabel,
-        ).toEqual("1 component(s) didn't pass the accessibility check(s)");
-        expect(renderAPI.getByTestId('amaError')).toBeDefined();
-
-        act(() => {
-          amaContextValuesRef.removeError('invalidID');
-        });
-
-        expect(
-          renderAPI.getByTestId('amaError').props.accessibilityLabel,
-        ).toEqual("1 component(s) didn't pass the accessibility check(s)");
-
-        expect(renderAPI.getByTestId('amaError')).toBeDefined();
-
-        act(() => {
-          amaContextValuesRef.removeError('123');
-        });
-
-        expect(renderAPI.queryByTestId('amaError')).toBeNull();
-      });
-    });
-  });
-
   describe('When __DEV__ is false', () => {
     beforeEach(() => {
       // @ts-ignore
@@ -107,13 +17,13 @@ describe('AMAProvider', () => {
     it('does not export trackError', async () => {
       await renderAMAProvider();
 
-      expect(amaContextValuesRef.trackError).toBeUndefined();
+      expect((amaContextValuesRef as any).trackError).toBeUndefined();
     });
 
     it('does not export removeError', async () => {
       await renderAMAProvider();
 
-      expect(amaContextValuesRef.removeError).toBeUndefined();
+      expect((amaContextValuesRef as any).removeError).toBeUndefined();
     });
   });
 });
@@ -132,10 +42,7 @@ const renderAMAProvider = async () => {
   return result;
 };
 
-let amaContextValuesRef: Extract<
-  AMAContextValue,
-  { trackError: Function; removeError: Function }
->;
+let amaContextValuesRef: AMAContextValue;
 
 const DummyComponent = () => {
   // @ts-ignore