diff --git a/__tests__/App-test.js b/__tests__/App-test.js
deleted file mode 100644
index 090aefa..0000000
--- a/__tests__/App-test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @format
- */
-
-import 'react-native';
-import React from 'react';
-import App from '../App';
-
-// Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer';
-
-it('renders correctly', () => {
-    renderer.create(<App />);
-});
diff --git a/__tests__/BasicButton-test.js b/__tests__/BasicButton-test.js
new file mode 100644
index 0000000..7d5902f
--- /dev/null
+++ b/__tests__/BasicButton-test.js
@@ -0,0 +1,26 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+import {light as lightTheme, mapping} from '@eva-design/eva';
+import {ApplicationProvider} from '@ui-kitten/components';
+
+import {BasicButton} from '../src/components/buttons/BasicButton';
+import {default as appTheme} from '../src/styles/theme';
+
+const theme = {...lightTheme, ...appTheme};
+
+test('renders correctly', () => {
+    const tree = renderer
+        .create(
+            <ApplicationProvider mapping={mapping} theme={theme}>
+                <BasicButton />
+            </ApplicationProvider>,
+        )
+        .toJSON();
+    expect(tree).toMatchSnapshot();
+});
diff --git a/__tests__/__snapshots__/BasicButton-test.js.snap b/__tests__/__snapshots__/BasicButton-test.js.snap
new file mode 100644
index 0000000..f563480
--- /dev/null
+++ b/__tests__/__snapshots__/BasicButton-test.js.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<View
+  style={
+    Object {
+      "flex": 1,
+    }
+  }
+>
+  <View
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "transparent",
+        "borderColor": "transparent",
+        "borderRadius": 4,
+        "borderWidth": 1,
+        "flexDirection": "row",
+        "justifyContent": "center",
+        "minHeight": 40,
+        "minWidth": 40,
+        "opacity": 1,
+        "paddingHorizontal": 10,
+        "paddingVertical": 12,
+      }
+    }
+  />
+</View>
+`;