From 805fc5eb14f1d8b87adfa3af458a5a79a7343878 Mon Sep 17 00:00:00 2001
From: Andrico Karoulla <andrico@yulife.com>
Date: Thu, 16 Apr 2020 13:50:09 +0100
Subject: [PATCH 1/2] add apollo example

---
 docs/example-apollo.md | 73 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 docs/example-apollo.md

diff --git a/docs/example-apollo.md b/docs/example-apollo.md
new file mode 100644
index 0000000..f618334
--- /dev/null
+++ b/docs/example-apollo.md
@@ -0,0 +1,73 @@
+---
+id: example-apollo
+title: Apollo
+sidebar_label: Apollo
+---
+
+```javascript
+import React, { useState } from 'react';
+import { gql, useMutation } from 'react-apollo';
+import { MockedProvider } from '@apollo/react-testing'
+import { Button, TextInput, View } from 'react-native';
+import { render, fireEvent, act } from "@testing-library/react-native";
+import wait from "waait";
+
+const UPDATE_EMAIL = gql`
+    mutation UpdateEmail($email: String!) {
+        updateEmail(email: $email) {
+            newEmail
+        }
+    }
+`;
+
+function UpdateEmailForm() {
+    const [uppdateEmail, data] = useMutation(UPDATE_EMAIL);
+    const [email, setEmail] = useState('');
+
+    render() {
+        return (
+            <View>
+                <TextInput
+                    placeholder="Email"
+                    onChangeText={(text) => setEmail({ text })}
+                />
+                <Button onPress={() => {
+                    return updateEmail({
+                        variables: {
+                            email
+                        }
+                    })
+                }} title="Submit" />
+            </View>
+        );
+    }
+}
+
+function renderComponent(mocks = []) {
+    return render(
+        <MockedProvider mocks={mocks} addTypename={false}>
+            <UpdateEmailForm />
+        </>
+    )
+}
+
+describe("UpdateEmailForm", () => {
+    it("should update my email", async () => {
+        jest.useRealTimers();
+
+        const { getByPlaceholderText, getByText, queryByText } = renderComponent();
+
+        const emailInput = getByPlaceholderText("Email");
+        const sendLinkButton = getByText("update my email");
+
+        fireEvent.changeText(emailInput, "test@gmail.com");
+        fireEvent.pressOut(sendLinkButton);
+
+        await act(async () => {
+            await wait(0);
+        });
+
+        expect(queryByText(/Email successfully updated/)).toBeTruthy();
+    });
+});
+```

From 133fbfe9ac671a6bd73f76573024c592da62e6b3 Mon Sep 17 00:00:00 2001
From: Andrico Karoulla <andrico@yulife.com>
Date: Fri, 17 Apr 2020 10:01:32 +0100
Subject: [PATCH 2/2] make minor improvements

---
 docs/example-apollo.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/example-apollo.md b/docs/example-apollo.md
index f618334..36f59b5 100644
--- a/docs/example-apollo.md
+++ b/docs/example-apollo.md
@@ -21,10 +21,16 @@ const UPDATE_EMAIL = gql`
 `;
 
 function UpdateEmailForm() {
-    const [uppdateEmail, data] = useMutation(UPDATE_EMAIL);
+    const [updateEmail, { data }] = useMutation(UPDATE_EMAIL);
     const [email, setEmail] = useState('');
 
     render() {
+        if (data) {
+            return (
+                <p>Email successfully updated</p>
+            )
+        };
+
         return (
             <View>
                 <TextInput