Merge pull request #7 from Lugonue/playwright-tests

Playwright tests

Author: dzencot

.github/workflows/nodeci.yml

@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 17.x, 18.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2
@@ -26,5 +26,7 @@ jobs:
         run: make install
       - name: Run linter
         run: make lint-frontend
-      # - name: Run tests
-      #   run: make test
+      - name: Build
+        run: make build
+      - name: Run tests
+        run: make test

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

Makefile

@@ -13,5 +13,11 @@ deploy:
 lint-frontend:
 	make -C frontend lint
 
+build:
+	DISABLE_ESLINT_PLUGIN=true npm run build
+
+test:
+	npx playwright test
+
 install:
-	make -C frontend install
+	npm ci

__tests__/example.spec.js

@@ -0,0 +1,42 @@
+// @ts-check
+//
+const { test, expect } = require('@playwright/test');
+
+test('wrong login', async ({ page }) => {
+  await page.goto('http://localhost:5001/');
+
+  expect(page.getByText(/Нет аккаунта?/)).toBeVisible();
+  expect(page.getByAltText(/Войти/)).toBeVisible();
+  expect(page.getByText(/Регистрация/)).toBeVisible();
+  expect(await page.getByText(/Войти/).count()).toEqual(2);
+
+  await page.locator('#username').fill('test');
+  await page.locator('#password').fill('test');
+  await page.getByRole('button', { name: 'Войти' }).click();
+  expect(await page.getByText(/Скрытая страница!/).count()).toEqual(0);
+  expect(page.getByText(/Неверные имя пользователя или пароль/)).toBeVisible();
+});
+
+test('registration page, success login', async ({ page }) => {
+  await page.goto('http://localhost:5001/');
+
+  await page.getByText(/Регистрация/).click();
+  expect(page.getByLabel(/Имя пользователя/)).toBeVisible();
+  expect(page.getByLabel(/Пароль/)).toBeVisible();
+  expect(page.getByLabel(/Подтвердите пароль/)).toBeVisible();
+  expect(page.getByText(/Регистрация/)).toBeVisible();
+  expect(page.getByAltText(/Регистрация/)).toBeVisible();
+
+  await page.locator('#username').fill('playwright');
+  await page.locator('#password').fill('password');
+  await page.locator('#confirmPassword').fill('password');
+  await page.getByRole('button', { name: 'Зарегистрироваться' }).click();
+  expect(page.getByText(/Скрытая страница!/)).toBeVisible();
+
+  await page.getByRole('button', { name: 'Выйти' }).click();
+
+  await page.locator('#username').fill('admin');
+  await page.locator('#password').fill('admin');
+  await page.getByRole('button', { name: 'Войти' }).click();
+  expect(page.getByText(/Скрытая страница!/)).toBeVisible();
+});

frontend/Makefile

@@ -10,3 +10,5 @@ build:
 lint:
 	npx eslint .
 
+test: 
+	make -C playwright test