ipsased/packages/post/src/index.test.ts

UI toolkit monorepo containing a React component library, UI utilities, a drag-and-drop library, and more

import { describe, expect, it } from 'vitest';

import { post } from './index.js';

// To find open GraphQL APIs for testing:
// https://www.apollographql.com/blog/community/backend/8-free-to-use-graphql-apis-for-your-projects-and-demos/
describe('post', () => {
    it('performs a POST request to a GraphQL API for a List query and returns the response as JSON', async () => {
        const url = 'https://swapi-graphql.netlify.app/.netlify/functions/index';
        const result = await post<{
            data?: {
                allFilms: {
                    edges: Array<{
                        node: { director: string; episodeID: string; title: string };
                    }>;
                };
            };
            errors?: Array<{ message: string }>;
        }>(url, {
            query: `query Query {
              allFilms {
                edges {
                  node {
                    director
                    episodeID
                    title
                  }
                }
              }
            }`,
        });

        const firstFilm = result.data!.allFilms.edges[0].node;
        expect(firstFilm.title).toBeTruthy();
        expect(firstFilm.episodeID).toBeTruthy();
        expect(firstFilm.director).toBeTruthy();
    });

    it('performs a POST request to a GraphQL API for a Get query and returns the response as JSON', async () => {
        const url = 'https://countries.trevorblades.com/graphql';
        const result = await post<{
            data?: {
                country: {
                    languages: Array<{
                        code: string;
                        name: string;
                    }>;
                    name: string;
                    native: string;
                };
            };
            errors?: Array<{ message: string }>;
        }>(url, {
            query: `query Query {
              country(code: "MX") {
                name
                native
                languages {
                  code
                  name
                }
              }
            }`,
        });

        const country = result.data!.country;
        expect(country.name).toBe('Mexico');
        expect(country.native).toBe('México');
        expect(country.languages[0].code).toBe('es');
    });
});