WIP: Location support

detox/test/e2e/o-location.js

@@ -0,0 +1,17 @@
+describe('location', () => {
+  it('Location should be unavabilable', async () => {
+    await device.relaunchApp({permissions: {location: 'never'}});
+    await element(by.label('Location')).tap();
+    await element(by.id('getLocationButton')).tap();
+    await expect(element(by.id('error'))).toBeVisible();
+  });
+
+  it('Should receive location (20,20)', async () => {
+    await device.relaunchApp({permissions: {location: 'always'}});
+    await device.setLocation(20, 20);
+    await element(by.label('Location')).tap();
+    await element(by.id('getLocationButton')).tap();
+    await expect(element(by.text('Latitude: 20'))).toBeVisible();
+    await expect(element(by.text('Longitude: 20'))).toBeVisible();
+  });
+});

detox/test/src/Screens/LocationScreen.js

@@ -0,0 +1,67 @@
+import React, { Component } from 'react';
+import {
+  Text,
+  View,
+  Button
+} from 'react-native';
+
+export default class LocationScreen extends Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      locationRequested: false,
+      coordinates: null
+    }
+
+    this.getLocation();
+  }
+
+  async getLocation() {
+    function success(pos) {
+      this.setState({
+        coordinates: pos.coords
+      });
+    };
+
+    function error(err) {
+      this.setState({
+        coordinates: null
+      });
+    };
+
+    await navigator.geolocation.getCurrentPosition(success.bind(this), error.bind(this));
+  }
+
+  render() {
+    if(!this.state.locationRequested) {
+      return (
+        <View style={{ flex: 1, paddingTop: 20, justifyContent: 'center', alignItems: 'center' }}>
+          <Button
+            testID="getLocationButton"
+            title="get location"
+            onPress={async () => {
+              await this.getLocation();
+              this.setState({locationRequested: true});
+            }}
+            />
+        </View>
+      );
+    }
+
+    if (this.state.coordinates) {
+      return (
+        <View style={{ flex: 1, paddingTop: 20, justifyContent: 'center', alignItems: 'center' }}>
+          <Text testID="latitude" style={{ marginBottom: 20 }}>Latitude: {this.state.coordinates.latitude}</Text>
+          <Text testID="longitude" style={{ marginBottom: 20 }}>Longitude: {this.state.coordinates.longitude}</Text>
+        </View>
+      );
+    } else {
+      return (
+        <View style={{ flex: 1, paddingTop: 20, justifyContent: 'center', alignItems: 'center' }}>
+          <Text testID="error" style={{ marginBottom: 20 }}>Location unavailable</Text>
+        </View>
+      );
+    }
+  }
+}

detox/test/src/Screens/index.js

@@ -10,6 +10,7 @@ import Orientation from './Orientation';
 import Permissions from './Permissions';
 import NetworkScreen from './NetworkScreen';
 import AnimationsScreen from './AnimationsScreen';
+import LocationScreen from './LocationScreen';
 
 export {
   SanityScreen,
@@ -23,5 +24,6 @@ export {
   Orientation,
   Permissions,
   NetworkScreen,
-  AnimationsScreen
+  AnimationsScreen,
+  LocationScreen
 };

detox/test/src/app.js

@@ -77,6 +77,7 @@ class example extends Component {
           {this.renderScreenButton('Permissions', Screens.Permissions)}
           {this.renderScreenButton('Network', Screens.NetworkScreen)}
           {this.renderScreenButton('Animations', Screens.AnimationsScreen)}
+          {this.renderScreenButton('Location', Screens.LocationScreen)}
         </View>
       );
     }