insomnia/packages/insomnia-smoke-test/tests/smoke/graphql.test.ts
Jack Kavanagh 52e969d803
response routing (#6214)
* pass 1

* refactoring notes

* simplify select children

* remove switcher

* add responses

* filter by env

* patch settings

* patch settings

* remove selector

* history dereduxed

* move folder settings to conditional render

* fix types

* fix types

* fix types

* fix types

* fix lint

* migrate group settings to remix

* fix use effects

* conditional render of export modal

* more sidebar refactoring

* unpack sidebar children in export list

* unpick sidebar children

* clean up

* remove console log

* mostly working connect

* clean up

* conditionally render cookie modals

* cond render env modal

* cond render sync delete

* fix

* fix

* flatten syncitems

* remove helper

* clean

* fix grpc initial re-render

* redirect to last active request

* optimize

* fix lint

* improve typing

* add settings hotkey

* env modal hotkey

* remove active response null setting

* fix shakey test

* move delete response to action

* fix type

* fix windows flake

* cond render sync branches

* fix loading bug

* add spinner

* delete request

* fix stream with temporary hack
2023-08-04 12:42:00 +02:00

73 lines
3.5 KiB
TypeScript

import { expect } from '@playwright/test';
import { loadFixture } from '../../playwright/paths';
import { test } from '../../playwright/test';
test('can render schema and send GraphQL requests', async ({ app, page }) => {
test.slow(process.platform === 'darwin' || process.platform === 'win32', 'Slow app start on these platforms');
await page.getByRole('button', { name: 'Create' }).click();
// Copy the collection with the graphql query to clipboard
const text = await loadFixture('graphql.yaml');
await app.evaluate(async ({ clipboard }, text) => clipboard.writeText(text), text);
// Import from clipboard
await page.getByRole('menuitem', { name: 'Import' }).click();
await page.getByText('Clipboard').click();
await page.getByRole('button', { name: 'Scan' }).click();
await page.getByRole('dialog').getByRole('button', { name: 'Import' }).click();
await page.getByText('CollectionSmoke GraphQLjust now').click();
// Open the graphql request
await page.getByRole('button', { name: 'GraphQL request' }).click();
// Assert the schema is fetched after switching to GraphQL request
await expect(page.locator('.graphql-editor__meta')).toContainText('schema fetched just now');
// Assert schema documentation stuff
await page.getByRole('button', { name: 'schema' }).click();
await page.getByRole('menuitem', { name: 'Show Documentation' }).click();
await page.click('a:has-text("Query")');
await page.locator('a:has-text("RingBearer")').click();
const graphqlExplorer = page.locator('.graphql-explorer');
await expect(graphqlExplorer).toContainText('Characters who at any time bore a Ring of Power.');
await page.click('text=QueryRingBearer >> button');
// Send and assert GraphQL request
await page.click('[data-testid="request-pane"] >> text=Send');
const statusTag = page.locator('[data-testid="response-status-tag"]:visible');
await expect(statusTag).toContainText('200 OK');
const responseBody = page.locator('[data-testid="response-pane"] >> [data-testid="CodeEditor"]:visible', {
has: page.locator('.CodeMirror-activeline'),
});
await expect(responseBody).toContainText('"bearer": "Gandalf"');
});
test('can send GraphQL requests after editing and prettifying query', async ({ app, page }) => {
test.slow(process.platform === 'darwin' || process.platform === 'win32', 'Slow app start on these platforms');
await page.getByRole('button', { name: 'Create' }).click();
const text = await loadFixture('graphql.yaml');
await app.evaluate(async ({ clipboard }, text) => clipboard.writeText(text), text);
await page.getByRole('menuitem', { name: 'Import' }).click();
await page.getByText('Clipboard').click();
await page.getByRole('button', { name: 'Scan' }).click();
await page.getByRole('dialog').getByRole('button', { name: 'Import' }).click();
await page.getByText('CollectionSmoke GraphQLjust now').click();
await page.getByRole('button', { name: 'GraphQL request' }).click();
// Edit and prettify query
await page.locator('pre[role="presentation"]:has-text("bearer")').click();
await page.locator('.app').press('Enter');
await page.locator('text=Prettify GraphQL').click();
await page.click('[data-testid="request-pane"] >> text=Send');
const statusTag = page.locator('[data-testid="response-status-tag"]:visible');
await expect(statusTag).toContainText('200 OK');
const responseBody = page.locator('[data-testid="response-pane"] >> [data-testid="CodeEditor"]:visible', {
has: page.locator('.CodeMirror-activeline'),
});
await expect(responseBody).toContainText('"bearer": "Gandalf"');
});