updated test cases

Author: DaniAkash

.huskyrc.json

@@ -1,5 +1,5 @@
 {
   "hooks": {
-    "pre-commit": "pretty-quick --staged"
+    "pre-commit": "pretty-quick --staged && sh precommit-lint.sh"
   }
 }

src/__tests__/__snapshots__/index.snapshot.test.tsx.snap

@@ -41,7 +41,7 @@ exports[`Renders Horizontal Masonry with 2 columns 1`] = `
 </ScrollView>
 `;
 
-exports[`Renders Horizontal Masonry with 2 columns 2`] = `
+exports[`Renders Horizontal Masonry with 3 columns 1`] = `
 <ScrollView
   contentContainerStyle={
     Object {
@@ -64,7 +64,7 @@ exports[`Renders Horizontal Masonry with 2 columns 2`] = `
       Text 1
     </Text>
     <Text>
-      Text 2
+      Text 3
     </Text>
   </View>
   <View
@@ -149,7 +149,7 @@ exports[`Renders Vertical Masonry with 3 columns 1`] = `
       Text 1
     </Text>
     <Text>
-      Text 2
+      Text 3
     </Text>
   </View>
   <View

src/__tests__/index.snapshot.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import renderer from "react-test-renderer";
-import RNMasonryScrollView, { generateMasonryGrid } from "../index";
+import RNMasonryScrollView from "../index";
 import { Text } from "react-native";
 
 const column1Text = "Text 1";
@@ -26,7 +26,7 @@ const VMasonryComponentThreeColumns = () => {
       {[
         <Text key={1}>{column1Text}</Text>,
         <Text key={2}>{column2Text}</Text>,
-        <Text key={3}>{column2Text}</Text>
+        <Text key={3}>{column3Text}</Text>
       ]}
     </RNMasonryScrollView>
   );
@@ -56,13 +56,13 @@ const HMasonryComponentThreeColumns = () => {
       {[
         <Text key={1}>{column1Text}</Text>,
         <Text key={2}>{column2Text}</Text>,
-        <Text key={3}>{column2Text}</Text>
+        <Text key={3}>{column3Text}</Text>
       ]}
     </RNMasonryScrollView>
   );
 };
 
-it("Renders Horizontal Masonry with 2 columns", () => {
+it("Renders Horizontal Masonry with 3 columns", () => {
   const tree = renderer.create(<HMasonryComponentThreeColumns />).toJSON();
   expect(tree).toMatchSnapshot();
 });

src/__tests__/index.unit.test.tsx

@@ -1,27 +1,36 @@
 import React from "react";
 import { Text } from "react-native";
-import { fireEvent, render, wait } from "@testing-library/react-native";
+import { render } from "@testing-library/react-native";
 import RNMasonryScrollView, { generateMasonryGrid } from "../index";
 
 const column1Text = "Text 1";
 const column2Text = "Text 2";
 
-const MasonryTestComponent = () => {
+const MasonryTestComponent = (
+  {
+    isHorizontal = true
+  }: {
+    isHorizontal?: boolean;
+  } = { isHorizontal: true }
+) => {
   return (
-    <RNMasonryScrollView>
+    <RNMasonryScrollView horizontal={isHorizontal}>
       {[<Text key={1}>{column1Text}</Text>, <Text key={2}>{column2Text}</Text>]}
     </RNMasonryScrollView>
   );
 };
 
 it("Renders Vertical Masonry", () => {
-  const {
-    getByTestId,
-    getByText,
-    queryByTestId,
-    baseElement,
-    queryByText
-  } = render(<MasonryTestComponent />);
+  const { queryByText } = render(<MasonryTestComponent isHorizontal={false} />);
+
+  const text1 = queryByText(column1Text);
+  expect(text1).toBeTruthy();
+  const text2 = queryByText(column2Text);
+  expect(text2).toBeTruthy();
+});
+
+it("Renders Horizontal Masonry", () => {
+  const { queryByText } = render(<MasonryTestComponent />);
 
   const text1 = queryByText(column1Text);
   expect(text1).toBeTruthy();
@@ -33,4 +42,12 @@ it("Masonry gets generated properly", () => {
   const masonryArray = generateMasonryGrid([1, 2, 3, 4], 2);
   expect(masonryArray[0]).toStrictEqual([1, 3]);
   expect(masonryArray[1]).toStrictEqual([2, 4]);
+
+  const masonryArray2 = generateMasonryGrid([], 2);
+  expect(masonryArray2).toStrictEqual([]);
+
+  const masonryArray3 = generateMasonryGrid([1, 2, 3, 4, 5, 6, 7], 3);
+  expect(masonryArray3[0]).toStrictEqual([1, 4, 7]);
+  expect(masonryArray3[1]).toStrictEqual([2, 5]);
+  expect(masonryArray3[2]).toStrictEqual([3, 6]);
 });