Merge pull request #106 from apollostack/mutation-options

Pass through all mutate options

src/connect.tsx

@@ -497,7 +497,7 @@ export default function connect(opts?: ConnectOptions) {
           // add props and state as last argument of method
           args.push(stateAndProps);
 
-          const { mutation, variables } = method.apply(this.client, args);
+          const mutationOptions = method.apply(this.client, args);
           return new Promise((resolve, reject) => {
             this.data[key] = assign(this.data[key], {
               loading: true,
@@ -514,7 +514,7 @@ export default function connect(opts?: ConnectOptions) {
             resolve();
           })
             .then(() => {
-              return mutate({ mutation, variables });
+              return mutate(mutationOptions);
             })
             .then(forceRender)
             .catch(errors => forceRender({ errors }));

test/client/connect/mutations.tsx

@@ -739,4 +739,48 @@ describe('mutations', () => {
     );
   });
 
+  it('passes through all mutate options', (done) => {
+    const mutation = 'mutation M {}';
+    const variables = {};
+    const optimisticResponse = {};
+    const fragments = [];
+    function mapMutationsToProps({ ownProps }) {
+      return {
+        runMutation: () => {
+          return {
+            mutation,
+            variables,
+            optimisticResponse,
+            fragments,
+          };
+        },
+      };
+    };
+
+    const client = new ApolloClient();
+    (client as any).mutate = (options) => {
+        expect(options.mutation).to.equal(mutation);
+        expect(options.variables).to.equal(variables);
+        expect(options.optimisticResponse).to.equal(optimisticResponse);
+        expect(options.fragments).to.equal(fragments);
+        done();
+    };
+
+    @connect({ mapMutationsToProps })
+    class Container extends React.Component<any, any> {
+      componentDidMount() {
+        this.props.mutations.runMutation();
+      }
+
+      render() {
+        return <Passthrough {...this.props} />;
+      }
+    };
+
+    mount(
+      <ProviderMock client={client}>
+        <Container/>
+      </ProviderMock>
+    );
+  });
 });