@zendesk/laika/esm/createLazyLoadableLink.test.js

Test, mock, intercept and modify Apollo Client's operations — in both browser and unit tests!

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import gql from 'graphql-tag';
import waitFor from 'wait-for-observables';
import { ApolloLink, execute, Observable } from '@apollo/client/core';
import { createLazyLoadableLink } from './createLazyLoadableLink';
import { onNextTick } from './testUtils';
const query = gql `
  query helloQuery {
    sample {
      id
    }
  }
`;
const subscription = gql `
  subscription helloSubscription {
    sample {
      id
    }
  }
`;
const data = { data: { hello: 'world' } };
describe('createLazyLoadableLink', () => {
    it('returns passthrough data from the following link', () => __awaiter(void 0, void 0, void 0, function* () {
        const link = createLazyLoadableLink(Promise.resolve(new ApolloLink(() => Observable.of(data))));
        const [result] = (yield waitFor(execute(link, { query })));
        const { values } = result;
        expect(values).toEqual([data]);
    }));
    it('correctly emits subsequent values from the following link and completes the returned Observable when the Observable returned from the lazily loaded link completes', () => __awaiter(void 0, void 0, void 0, function* () {
        let observer;
        const link = createLazyLoadableLink(Promise.resolve(new ApolloLink(() => new Observable((obs) => {
            observer = obs;
        }))));
        const outerObserver = {
            next: jest.fn(),
            complete: jest.fn(),
            error: jest.fn(),
        };
        const sub = execute(link, { query: subscription }).subscribe(outerObserver);
        expect.assertions(9);
        yield onNextTick(() => {
            observer.next(1);
            expect(outerObserver.next).toHaveBeenCalledTimes(1);
            expect(outerObserver.next).toHaveBeenLastCalledWith(1);
            expect(outerObserver.complete).not.toHaveBeenCalled();
            observer.next(2);
            expect(outerObserver.next).toHaveBeenCalledTimes(2);
            expect(outerObserver.next).toHaveBeenLastCalledWith(2);
            expect(outerObserver.complete).not.toHaveBeenCalled();
            observer.complete();
            expect(outerObserver.complete).toHaveBeenCalledTimes(1);
            expect(outerObserver.next).toHaveBeenLastCalledWith(2);
            expect(outerObserver.error).not.toHaveBeenCalled();
            sub.unsubscribe();
        });
    }));
});
//# sourceMappingURL=createLazyLoadableLink.test.js.map