mirror of
https://github.com/spartan-ng/spartan.git
synced 2026-09-22 16:41:38 +08:00
Ben Snyder
e0db372285
* fix(repo): require pnpm v9 with engineStrict set * fix: bump node version to v20 LTS * fix(repo): apply formatting and importing sorting required for CI to pass
62 lines
2.1 KiB
TypeScript
62 lines
2.1 KiB
TypeScript
import { type Browser, type Page, chromium } from 'playwright';
|
|
import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, test } from 'vitest';
|
|
import { notes } from './fixtures/notes';
|
|
import { NotesPage } from './fixtures/notes.po';
|
|
|
|
type TRPCTestContext = {
|
|
notesPage: NotesPage;
|
|
};
|
|
|
|
let browser: Browser;
|
|
let page: Page;
|
|
|
|
beforeAll(async () => {
|
|
browser = await chromium.launch();
|
|
});
|
|
afterAll(async () => {
|
|
await browser.close();
|
|
});
|
|
beforeEach<TRPCTestContext>(async (ctx) => {
|
|
page = await browser.newPage({
|
|
baseURL: 'http://localhost:4205',
|
|
});
|
|
await page.goto('/');
|
|
ctx.notesPage = new NotesPage(page);
|
|
});
|
|
afterEach(async () => {
|
|
await page.close();
|
|
});
|
|
|
|
describe.skip('tRPC Demo App', () => {
|
|
test(`Given the user has navigated to the home page
|
|
Then the app title is visible`, async () => {
|
|
await expect(page.locator('role=heading[level=1] >> text=Analog + tRPC')).toContain(/Analog + tRPC/i);
|
|
});
|
|
|
|
test<TRPCTestContext>(`
|
|
If user enters the first note the note should be stored successfully and listed in the notes array.
|
|
After reloading the page, the first note should show immediately, as the page is server side rendered.
|
|
Still unauthorized, the user should not be able to delete the note and the error should be displayed.
|
|
After the users clicks the "Login" button and gets authorized, deleting the note again should work successfully,
|
|
and the error should disappear.
|
|
`, async (ctx) => {
|
|
await ctx.notesPage.typeNote(notes.first.note);
|
|
|
|
await ctx.notesPage.addNote();
|
|
expect(await ctx.notesPage.notes().elementHandles()).toHaveLength(1);
|
|
|
|
await ctx.notesPage.page.reload();
|
|
expect(await ctx.notesPage.notes().elementHandles()).toHaveLength(1);
|
|
|
|
await ctx.notesPage.removeNote(0);
|
|
expect(await ctx.notesPage.notes().elementHandles()).toHaveLength(1);
|
|
expect(await ctx.notesPage.getDeleteErrorCount()).toBe(1);
|
|
|
|
await ctx.notesPage.toggleLogin();
|
|
await ctx.notesPage.removeNote(0);
|
|
await page.waitForSelector('.no-notes');
|
|
expect(await ctx.notesPage.notes().elementHandles()).toHaveLength(0);
|
|
expect(await ctx.notesPage.getDeleteErrorCount()).toBe(0);
|
|
});
|
|
});
|