fix: missing components mocks

kirillzyusko · Jan 6, 2024 · 455ff48 · 455ff48
1 parent 51894de
commit 455ff48
Show file tree

Hide file tree

Showing 10 changed files with 247 additions and 7 deletions.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -42,3 +42,4 @@
 ## 📝 Checklist
 
 - [ ] CI successfully passed
+- [ ] I added new mocks and corresponding unit-tests if library API was changed
diff --git a/.github/workflows/label-sponsors.yml b/.github/workflows/label-sponsors.yml
@@ -7,7 +7,7 @@ jobs:
     name: is-sponsor-label
     runs-on: ubuntu-latest
     steps:
-      - uses: JasonEtco/is-sponsor-label-action@v1.2.0
+      - uses: JasonEtco/is-sponsor-label-action@v2.0.0
         with:
           label: Sponsor 💖
         env:

diff --git a/FabricExample/__tests__/__snapshots__/components-rendering.spec.tsx.snap b/FabricExample/__tests__/__snapshots__/components-rendering.spec.tsx.snap
@@ -1,5 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`components rendering should render \`KeyboardAvoidingView\` 1`] = `
+<View
+  behavior="height"
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View
+    style={
+      {
+        "backgroundColor": "black",
+        "height": 20,
+        "width": 20,
+      }
+    }
+  />
+</View>
+`;
+
+exports[`components rendering should render \`KeyboardAwareScrollView\` 1`] = `
+<RCTScrollView
+  bottomOffset={20}
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View>
+    <View
+      style={
+        {
+          "backgroundColor": "black",
+          "height": 20,
+          "width": 20,
+        }
+      }
+    />
+  </View>
+</RCTScrollView>
+`;
+
 exports[`components rendering should render \`KeyboardControllerView\` 1`] = `
 <KeyboardControllerView
   statusBarTranslucent={true}
@@ -21,3 +65,29 @@ exports[`components rendering should render \`KeyboardProvider\` 1`] = `
   />
 </KeyboardProvider>
 `;
+
+exports[`components rendering should render \`KeyboardStickyView\` 1`] = `
+<View
+  offset={
+    {
+      "closed": -20,
+      "opened": -40,
+    }
+  }
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View
+    style={
+      {
+        "backgroundColor": "black",
+        "height": 20,
+        "width": 20,
+      }
+    }
+  />
+</View>
+`;
diff --git a/FabricExample/__tests__/components-rendering.spec.tsx b/FabricExample/__tests__/components-rendering.spec.tsx
@@ -2,22 +2,57 @@ import { render } from "@testing-library/react-native";
 import React from "react";
 import { View } from "react-native";
 import {
+  KeyboardAvoidingView,
+  KeyboardAwareScrollView,
   KeyboardControllerView,
   KeyboardProvider,
+  KeyboardStickyView,
 } from "react-native-keyboard-controller";
 
+function EmptyView() {
+  return <View style={{ width: 20, height: 20, backgroundColor: "black" }} />;
+}
+
 function KeyboardControllerViewTest() {
   return <KeyboardControllerView statusBarTranslucent />;
 }
 
 function KeyboardProviderTest() {
   return (
     <KeyboardProvider statusBarTranslucent>
-      <View style={{ width: 20, height: 20, backgroundColor: "black" }} />
+      <EmptyView />
     </KeyboardProvider>
   );
 }
 
+const style = { marginBottom: 20 };
+
+function KeyboardAvoidingViewTest() {
+  return (
+    <KeyboardAvoidingView behavior="height" style={style}>
+      <EmptyView />
+    </KeyboardAvoidingView>
+  );
+}
+
+function KeyboardAwareScrollViewTest() {
+  return (
+    <KeyboardAwareScrollView bottomOffset={20} style={style}>
+      <EmptyView />
+    </KeyboardAwareScrollView>
+  );
+}
+
+const offset = { closed: -20, opened: -40 };
+
+function KeyboardStickyViewTest() {
+  return (
+    <KeyboardStickyView offset={offset} style={style}>
+      <EmptyView />
+    </KeyboardStickyView>
+  );
+}
+
 describe("components rendering", () => {
   it("should render `KeyboardControllerView`", () => {
     expect(render(<KeyboardControllerViewTest />)).toMatchSnapshot();
@@ -26,4 +61,16 @@ describe("components rendering", () => {
   it("should render `KeyboardProvider`", () => {
     expect(render(<KeyboardProviderTest />)).toMatchSnapshot();
   });
+
+  it("should render `KeyboardAvoidingView`", () => {
+    expect(render(<KeyboardAvoidingViewTest />)).toMatchSnapshot();
+  });
+
+  it("should render `KeyboardAwareScrollView`", () => {
+    expect(render(<KeyboardAwareScrollViewTest />)).toMatchSnapshot();
+  });
+
+  it("should render `KeyboardStickyView`", () => {
+    expect(render(<KeyboardStickyViewTest />)).toMatchSnapshot();
+  });
 });
diff --git a/example/__tests__/__snapshots__/components-rendering.spec.tsx.snap b/example/__tests__/__snapshots__/components-rendering.spec.tsx.snap
@@ -1,5 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`components rendering should render \`KeyboardAvoidingView\` 1`] = `
+<View
+  behavior="height"
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View
+    style={
+      {
+        "backgroundColor": "black",
+        "height": 20,
+        "width": 20,
+      }
+    }
+  />
+</View>
+`;
+
+exports[`components rendering should render \`KeyboardAwareScrollView\` 1`] = `
+<RCTScrollView
+  bottomOffset={20}
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View>
+    <View
+      style={
+        {
+          "backgroundColor": "black",
+          "height": 20,
+          "width": 20,
+        }
+      }
+    />
+  </View>
+</RCTScrollView>
+`;
+
 exports[`components rendering should render \`KeyboardControllerView\` 1`] = `
 <KeyboardControllerView
   statusBarTranslucent={true}
@@ -21,3 +65,29 @@ exports[`components rendering should render \`KeyboardProvider\` 1`] = `
   />
 </KeyboardProvider>
 `;
+
+exports[`components rendering should render \`KeyboardStickyView\` 1`] = `
+<View
+  offset={
+    {
+      "closed": -20,
+      "opened": -40,
+    }
+  }
+  style={
+    {
+      "marginBottom": 20,
+    }
+  }
+>
+  <View
+    style={
+      {
+        "backgroundColor": "black",
+        "height": 20,
+        "width": 20,
+      }
+    }
+  />
+</View>
+`;
diff --git a/example/__tests__/components-rendering.spec.tsx b/example/__tests__/components-rendering.spec.tsx
@@ -2,22 +2,57 @@ import { render } from "@testing-library/react-native";
 import React from "react";
 import { View } from "react-native";
 import {
+  KeyboardAvoidingView,
+  KeyboardAwareScrollView,
   KeyboardControllerView,
   KeyboardProvider,
+  KeyboardStickyView,
 } from "react-native-keyboard-controller";
 
+function EmptyView() {
+  return <View style={{ width: 20, height: 20, backgroundColor: "black" }} />;
+}
+
 function KeyboardControllerViewTest() {
   return <KeyboardControllerView statusBarTranslucent />;
 }
 
 function KeyboardProviderTest() {
   return (
     <KeyboardProvider statusBarTranslucent>
-      <View style={{ width: 20, height: 20, backgroundColor: "black" }} />
+      <EmptyView />
     </KeyboardProvider>
   );
 }
 
+const style = { marginBottom: 20 };
+
+function KeyboardAvoidingViewTest() {
+  return (
+    <KeyboardAvoidingView behavior="height" style={style}>
+      <EmptyView />
+    </KeyboardAvoidingView>
+  );
+}
+
+function KeyboardAwareScrollViewTest() {
+  return (
+    <KeyboardAwareScrollView bottomOffset={20} style={style}>
+      <EmptyView />
+    </KeyboardAwareScrollView>
+  );
+}
+
+const offset = { closed: -20, opened: -40 };
+
+function KeyboardStickyViewTest() {
+  return (
+    <KeyboardStickyView offset={offset} style={style}>
+      <EmptyView />
+    </KeyboardStickyView>
+  );
+}
+
 describe("components rendering", () => {
   it("should render `KeyboardControllerView`", () => {
     expect(render(<KeyboardControllerViewTest />)).toMatchSnapshot();
@@ -26,4 +61,16 @@ describe("components rendering", () => {
   it("should render `KeyboardProvider`", () => {
     expect(render(<KeyboardProviderTest />)).toMatchSnapshot();
   });
+
+  it("should render `KeyboardAvoidingView`", () => {
+    expect(render(<KeyboardAvoidingViewTest />)).toMatchSnapshot();
+  });
+
+  it("should render `KeyboardAwareScrollView`", () => {
+    expect(render(<KeyboardAwareScrollViewTest />)).toMatchSnapshot();
+  });
+
+  it("should render `KeyboardStickyView`", () => {
+    expect(render(<KeyboardStickyViewTest />)).toMatchSnapshot();
+  });
 });
diff --git a/jest/index.js b/jest/index.js
@@ -1,4 +1,4 @@
-import { Animated } from "react-native";
+import { Animated, ScrollView, View } from "react-native";
 
 const values = {
   animated: {
@@ -49,6 +49,10 @@ const mock = {
   KeyboardGestureArea: "KeyboardGestureArea",
   // providers
   KeyboardProvider: "KeyboardProvider",
+  // components
+  KeyboardStickyView: View,
+  KeyboardAvoidingView: View,
+  KeyboardAwareScrollView: ScrollView,
 };
 
 module.exports = mock;
diff --git a/src/components/KeyboardAvoidingView/hooks.ts b/src/components/KeyboardAvoidingView/hooks.ts
@@ -1,6 +1,6 @@
 import { useSharedValue } from "react-native-reanimated";
 
-import { useKeyboardHandler } from "../../hooks";
+import { useKeyboardHandler } from "react-native-keyboard-controller";
 
 export const useKeyboardAnimation = () => {
   const heightWhenOpened = useSharedValue(0);

diff --git a/src/components/KeyboardStickyView/index.tsx b/src/components/KeyboardStickyView/index.tsx
@@ -1,7 +1,8 @@
 import React, { forwardRef, useMemo } from "react";
 import Reanimated, { useAnimatedStyle } from "react-native-reanimated";
 
-import { useReanimatedKeyboardAnimation } from "../../hooks";
+import { useReanimatedKeyboardAnimation } from "react-native-keyboard-controller";
+
 import useKeyboardInterpolation from "../hooks/useKeyboardInterpolation";
 
 import type { View, ViewProps } from "react-native";

diff --git a/src/components/hooks/useKeyboardInterpolation.ts b/src/components/hooks/useKeyboardInterpolation.ts
@@ -3,7 +3,7 @@ import {
   useSharedValue,
 } from "react-native-reanimated";
 
-import { useKeyboardHandler } from "../../hooks";
+import { useKeyboardHandler } from "react-native-keyboard-controller";
 
 type KeyboardInterpolationOutput = [number, number];
Original file line number	Diff line number	Diff line change
Expand Up		@@ -42,3 +42,4 @@
		## 📝 Checklist

		- [ ] CI successfully passed
		- [ ] I added new mocks and corresponding unit-tests if library API was changed