chore(#8): extend unit tests

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-slider-intro",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "A simple and full customizable React Native package which implements a unique slider.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -71,6 +71,7 @@
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
+    "@types/react-test-renderer": "^18.0.7",
     "commitlint": "^17.0.2",
     "del-cli": "^5.1.0",
     "eslint": "^8.51.0",
@@ -81,6 +82,7 @@
     "react": "18.2.0",
     "react-native": "0.73.6",
     "react-native-builder-bob": "^0.23.2",
+    "react-test-renderer": "^18.2.0",
     "release-it": "^15.0.0",
     "typescript": "^5.2.2"
   },

src/__tests__/Button.test.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import Button from '../components/Button';
+import { Text } from 'react-native';
+
+describe('Button', () => {
+  it('renders correctly', () => {
+    const tree = renderer.create(<Button label="test" type="done" />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('displays the correct label', () => {
+    const component = renderer.create(<Button label="test" type="done" />);
+    const instance = component.root;
+    const textComponent = instance.findByType(Text);
+    expect(textComponent.props.children).toBe('test');
+  });
+});

src/__tests__/__snapshots__/Button.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button renders correctly 1`] = `
+<Text
+  style={
+    {
+      "color": "white",
+      "fontSize": 14,
+      "fontWeight": "bold",
+      "textTransform": "uppercase",
+    }
+  }
+>
+  test
+</Text>
+`;

src/components/Button.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import type { IButton } from '../interfaces/IButton.interface';
+
+const styles = StyleSheet.create({
+  skipButton: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  label: {
+    textTransform: 'uppercase',
+    fontWeight: 'bold',
+    color: 'white',
+    fontSize: 14,
+  },
+});
+
+const Button = ({ label, type }: IButton) => {
+  if (type === 'skip') {
+    return (
+      <View style={styles.skipButton}>
+        <Text style={styles.label}>{label}</Text>
+      </View>
+    );
+  }
+  return <Text style={styles.label}>{label}</Text>;
+};
+
+export default Button;

src/components/SliderIntro.tsx

@@ -12,13 +12,11 @@ import {
 import type { IItem } from 'interfaces/IItem.interface';
 import type { ISliderIntro } from 'interfaces/ISliderIntro.interface';
 import type { ISlide } from '../interfaces/ISlide.interface';
-import DoneButton from './DoneButton';
+import Button from './Button';
 import DotContainer from './DotContainer';
 import Item from './Item';
-import NextButton from './NextButton';
 import NextContainer from './NextContainer';
 import PrevContainer from './PrevContainer';
-import SkipButton from './SkipButton';
 import StatusBarContainer from './StatusBarContainer';
 import React from 'react';
 
@@ -351,13 +349,13 @@ const defaultProps: ISliderIntro = {
   nextLabel: 'Next',
   doneLabel: 'Done',
   renderSkipButton: (skipLabel: string | undefined) => (
-    <SkipButton skipLabel={skipLabel} />
+    <Button label={skipLabel} type="skip" />
   ),
   renderNextButton: (nextLabel: string | undefined) => (
-    <NextButton nextLabel={nextLabel} />
+    <Button label={nextLabel} type="next" />
   ),
   renderDoneButton: (doneLabel: string | undefined) => (
-    <DoneButton doneLabel={doneLabel} />
+    <Button label={doneLabel} type="done" />
   ),
   onDone: () => {},
   onSkip: () => {},

src/interfaces/IButton.interface.tsx

@@ -0,0 +1,4 @@
+export interface IButton {
+  type: 'skip' | 'done' | 'next' | 'prev';
+  label?: string;
+}

src/interfaces/index.d.tsx

@@ -1,11 +1,9 @@
 export * from './IAnimatedValues.interface';
-export * from './IDoneButton.interface';
+export * from './IButton.interface';
 export * from './IDotContainer.interface';
 export * from './IItem.interface';
-export * from './INextButton.interface';
 export * from './INextContainer.interface';
 export * from './IPrevContainer.interface';
-export * from './ISkipButton.interface';
 export * from './ISlide.interface';
 export * from './ISliderIntro.interface';
 export * from './IStatusBar.interface';

yarn.lock

@@ -4025,6 +4025,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-test-renderer@npm:^18.0.7":
+  version: 18.0.7
+  resolution: "@types/react-test-renderer@npm:18.0.7"
+  dependencies:
+    "@types/react": "*"
+  checksum: 701d7d815fe7b921712ebdb2c4434e99b92403d37c51b33a01ce1b62fed7d1efbf9f749971d9031a5b137c6d5e194249c378106768aa69725a01f150fef0ec7f
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:^18.2.44":
   version: 18.2.67
   resolution: "@types/react@npm:18.2.67"
@@ -14787,7 +14796,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0":
+"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.2.0":
   version: 18.2.0
   resolution: "react-is@npm:18.2.0"
   checksum: e72d0ba81b5922759e4aff17e0252bd29988f9642ed817f56b25a3e217e13eea8a7f2322af99a06edb779da12d5d636e9fda473d620df9a3da0df2a74141d53e
@@ -14892,6 +14901,7 @@ __metadata:
     "@release-it/conventional-changelog": ^5.0.0
     "@types/jest": ^29.5.5
     "@types/react": ^18.2.44
+    "@types/react-test-renderer": ^18.0.7
     commitlint: ^17.0.2
     del-cli: ^5.1.0
     eslint: ^8.51.0
@@ -14902,6 +14912,7 @@ __metadata:
     react: 18.2.0
     react-native: 0.73.6
     react-native-builder-bob: ^0.23.2
+    react-test-renderer: ^18.2.0
     release-it: ^15.0.0
     typescript: ^5.2.2
   peerDependencies:
@@ -15011,6 +15022,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-test-renderer@npm:^18.2.0":
+  version: 18.2.0
+  resolution: "react-test-renderer@npm:18.2.0"
+  dependencies:
+    react-is: ^18.2.0
+    react-shallow-renderer: ^16.15.0
+    scheduler: ^0.23.0
+  peerDependencies:
+    react: ^18.2.0
+  checksum: 6b6980ced93fa2b72662d5e4ab3b4896833586940047ce52ca9aca801e5432adf05fcbe28289b0af3ce6a2a7c590974e25dcc8aa43d0de658bfe8bbcd686f958
+  languageName: node
+  linkType: hard
+
 "react@npm:18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"