test(landing): e2e tests for landing screen

e2e/01_new_user/01_landing.spec.ts

@@ -0,0 +1,20 @@
+import { expect } from 'detox'
+
+describe('Landing', () => {
+  describe('Landing Screen', () => {
+    it('should show a landingCarousel', async () => {
+      const landingCarousel = element(by.id('landingCarousel'))
+      await expect(landingCarousel).toBeVisible()
+    })
+
+    it('should show a getStarted button', async () => {
+      const getStarted = element(by.id('getStarted'))
+      await expect(getStarted).toBeVisible()
+    })
+
+    it('should show a recoverIdentity button', async () => {
+      const recoverIdentity = element(by.id('recoverIdentity'))
+      await expect(recoverIdentity).toBeVisible()
+    })
+  })
+})

src/ui/landing/components/landing.tsx

@@ -118,6 +118,7 @@ export class LandingComponent extends React.Component<Props> {
     return (
       <Container style={styles.mainContainer}>
         <Carousel
+          testID="landingCarousel"
           data={landingSlides}
           renderItem={this.renderItem}
           lockScrollWhileSnapping
@@ -136,6 +137,7 @@ export class LandingComponent extends React.Component<Props> {
         />
         <View style={styles.bottomSection}>
           <Button
+            testID="getStarted"
             onPress={this.props.handleGetStarted}
             style={{
               container: styles.mainButtonContainer,
@@ -145,6 +147,7 @@ export class LandingComponent extends React.Component<Props> {
             upperCase={false}
           />
           <Button
+            testID="recoverIdentity"
             onPress={this.props.handleRecover}
             style={{
               container: styles.recoverButtonContainer,