stubailo

{
  "0": [
    -16.38360023498535,
    -58.31719970703125
  ],
  "UTK": [
    11.222,
    169.852005
  ],
  "OCA": [

stubailo

// This is a script that looks for usage of a specific field in GraphQL
// queries in your codebase.
// 
// First, add a .graphqlconfig in your directory pointing to your schema
// Then, run the script with:
//
// node graphql-field-finder.js Field.name
//
// It will output a list of files and queries that contain the field you're
// looking for:

stubailo

storiesOf('TodoList', module)
  .add('renders a list', () => {
    const customResolvers = {
      Todo: () => ({
        text: 'My todo item text',
      }),
    };
  
    return (
      <ApolloMockingProvider customResolvers={customResolvers}>

stubailo

it('renders a list', async () => {
  const customResolvers = {
    Todo: () => ({
      text: 'My todo item',
    }),
  };
  
  const wrapper = mount(
    <ApolloMockingProvider customResolvers={customResolvers}>
      <TodoList />

stubailo

export const ErrorProvider = (props) => {
  // This is just a link that swallows all operations and returns the same thing
  // for every request: The specified error.
  const link = new ApolloLink((operation) => {
    return new Observable((observer) => {
      observer.next({
        errors: props.graphQLErrors || [
          {message: 'Unspecified error from ErrorProvider.'},
        ],
      });

stubailo

const LoadingProvider = (props) => {
  const link = new ApolloLink((operation) => {
    return new Observable(() => {});
  });
  
  const client = new ApolloClient({
    link,
    cache: new InMemoryCache(),
  });
  

stubailo

const ApolloMockingProvider = (props) => {
  const mocks = mergeResolvers(globalMocks, props.customResolvers);
  
  addMockFunctionsToSchema({ schema, mocks });
  
  const client = new ApolloClient({
    link: new SchemaLink({ schema }),
    cache: new InMemoryCache(),
  });
  

stubailo

import TodoList from './TodoList';

// Specify some resolvers for this instance
const customResolvers = {
  Query: () => ({
    todoItems: [
      { completed: true },
      { completed: false },
    ]
  })

stubailo

import faker from 'faker';

const mocks = {
  Todo: () => ({
    text: () => faker.sentence(),
    completed: () => faker.random.boolean(),
  }),
  User: () => ({
    name: () => faker.name.findName()
  })

stubailo

import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { SchemaLink } from 'apollo-link-schema';

// Import the schema object from previous code snippet above
import schema from './path/to/your/schema';

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: new SchemaLink({ schema })