CommentForm.stories.tsx

// this works

import CommentForm from './CommentForm'

export const generated = () => {
  mockGraphQLMutation('CreateCommentMutation', (variables, { ctx }) => {
    const id = parseInt(Math.random() * 1000)
    ctx.delay(1000)

    return {
      createComment: {
        id,
        name: variables.input.name,
        body: variables.input.body,
        createdAt: new Date().toISOString(),
      },
    }
  })

  return <CommentForm />
}

export default { title: 'Components/CommentForm' }

vehicles.story.tsx

// this doesn't work

``` 
ref gql

const DELETE_VEHICLE_MUTATION = gql`
  mutation DeleteVehicleMutation($id: Int!) {
    deleteVehicle(id: $id) {
      id
    }
  }
`
```


import Vehicles from './Vehicles'

const vehicles = [
  {
    id: 1,
    make: 'Honda',
    model: 'Civic',
    createdAt: '2020-01-21T22:00:00.000Z',
    updatedAt: '2020-01-21T22:00:00.000Z',
  },
]

export const generated = () => {
  mockGraphQLMutation('DeleteVehicleMutation', (variables, { ctx }) => {
    const id = parseInt(Math.random() * 1000)
    ctx.delay(1000)

    return {
      deleteVehicle: {
        id: variables.id,
      },
    }
  })

  return <Vehicles vehicles={vehicles} />
}

export default { title: 'Components/Vehicles' }