kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Working tests in ESM mode.

Browse Source 
Summary: scss

Reviewers: #reviewers, kuba-orlik

Reviewed By: #reviewers, kuba-orlik

Subscribers: jenkins-user

Differential Revision: https://hub.sealcode.org/D1358
This commit is contained in:
Kuba Orlik 2023-12-30 21:41:20 +01:00
parent 46e70efcb3
commit f7538a362d
25 changed files with 3705 additions and 2692 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
.eslintrc.js → .eslintrc.cjs
View File

2
docker-up.sh Executable file
View File

@ -0,0 +1,2 @@
mkdir -p docker_node_modules
docker-compose up -d

9
mocha_root_hooks.js
View File

@ -1,9 +0,0 @@
import { LONG_TEST_TIMEOUT } from "./src/back/test_utils/webhint";
import { closeBrowser } from "./src/back/test_utils/browser-creator";
exports.mochaHooks = {
async afterAll() {
this.timeout(LONG_TEST_TIMEOUT);
await closeBrowser();
},
};

2
npm.sh
View File

@ -2,6 +2,8 @@
# the "--no-TTY" option is crucial - without it the output is not captured in Jenkins # the "--no-TTY" option is crucial - without it the output is not captured in Jenkins
./docker-up.sh
CONTAINER_ID=$(docker-compose run \ CONTAINER_ID=$(docker-compose run \
-d \ -d \
--service-ports \ --service-ports \

5473
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

43
package.json
View File

@ -12,10 +12,12 @@
"watch": "multiple-scripts-tmux -p watch", "watch": "multiple-scripts-tmux -p watch",
"reset-db": "docker-compose down && docker-compose up -d", "reset-db": "docker-compose down && docker-compose up -d",
"install-test-deps": "npx playwright install firefox", "install-test-deps": "npx playwright install firefox",
"test": "npm run install-test-deps && TS_NODE_PROJECT='./src/back/tsconfig.json' mocha --recursive --timeout 20000 --require ts-node/register --require mocha_root_hooks.js src/back/app.ts src/back/**/*.test.ts src/back/**/**/*.test.ts src/back/**/**/**/*.test.ts src/back/**/**/**/**/*.test.ts", "test-cmd": "vitest --config ./src/back/vitest.config.ts",
"coverage": "nyc npm run test --", "test-cmd-once": "vitest run --config ./src/back/vitest.config.ts",
"test": "npm run test-cmd -- --ui",
"coverage": "npm run test --coverage",
"postinstall": "sealgen make-env", "postinstall": "sealgen make-env",
"test-reports": "docker-compose up -d && ./npm.sh run coverage -- --reporter xunit --reporter-option output=.xunit", "test-reports": "npm run test-cmd-once -- --coverage",
"show-coverage": "npm run test-reports; xdg-open coverage/index.html" "show-coverage": "npm run test-reports; xdg-open coverage/index.html"
}, },
"tmux-scripts": { "tmux-scripts": {
@ -36,60 +38,43 @@
"@sealcode/sealgen": "^0.9.0", "@sealcode/sealgen": "^0.9.0",
"@sealcode/ts-predicates": "^0.4.3", "@sealcode/ts-predicates": "^0.4.3",
"@types/kill-port": "^2.0.0", "@types/kill-port": "^2.0.0",
"get-port": "^7.0.0",
"hint": "^7.0.1", "hint": "^7.0.1",
"locreq": "^2.0.2", "locreq": "^3.0.0",
"multiple-scripts-tmux": "^1.0.4", "multiple-scripts-tmux": "^1.0.4",
"nodemon": "^3.0.1", "nodemon": "^3.0.1",
"sealious": "^0.17.37", "sealious": "^0.17.37",
"stimulus": "^2.0.0", "stimulus": "^2.0.0",
"tempstream": "^0.0.21" "tempstream": "^0.0.21",
"vitest": "^1.1.0"
}, },
"devDependencies": { "devDependencies": {
"@hint/connector-jsdom": "^4.1.20", "@hint/connector-jsdom": "^4.1.20",
"@hint/formatter-codeframe": "^3.1.29", "@hint/formatter-codeframe": "^3.1.29",
"@hint/hint-doctype": "^3.3.19", "@hint/hint-doctype": "^3.3.19",
"@hint/hint-no-broken-links": "^4.2.19", "@hint/hint-no-broken-links": "^4.2.19",
"@istanbuljs/nyc-config-typescript": "^1.0.2",
"@sealcode/ansi-html-stream": "^1.0.1", "@sealcode/ansi-html-stream": "^1.0.1",
"@types/koa__router": "^12.0.4", "@types/koa__router": "^12.0.4",
"@types/mocha": "^9.1.1",
"@types/node": "^20.8.4", "@types/node": "^20.8.4",
"@types/tedious": "^4.0.7", "@types/tedious": "^4.0.7",
"@typescript-eslint/eslint-plugin": "^5.10.0", "@typescript-eslint/eslint-plugin": "^5.10.0",
"@typescript-eslint/parser": "^5.10.2", "@typescript-eslint/parser": "^5.10.2",
"axios": "^0.24.0", "@vitest/coverage-istanbul": "^1.1.0",
"@vitest/coverage-v8": "^1.1.0",
"@vitest/ui": "^1.1.0",
"axios": "^1.6.2",
"eslint": "^7.19.0", "eslint": "^7.19.0",
"eslint-config-prettier": "^7.2.0", "eslint-config-prettier": "^7.2.0",
"eslint-plugin-prettier": "^3.3.1", "eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-with-tsc-error": "^0.0.7", "eslint-plugin-with-tsc-error": "^0.0.7",
"kill-port": "^1.6.1", "kill-port": "^1.6.1",
"mocha": "^8.4.0",
"mri": "^1.1.6", "mri": "^1.1.6",
"nyc": "^15.1.0", "nyc": "^15.1.0",
"prettier": "^2.2.1", "prettier": "^2.2.1",
"ts-loader": "^8.0.14", "ts-loader": "^8.0.14",
"ts-node": "^10.4.0", "ts-node": "^10.9.2",
"typescript": "^4.7" "typescript": "^4.7"
}, },
"nyc": {
"extends": "@istanbuljs/nyc-config-typescript",
"check-coverage": false,
"all": true,
"include": [
"src/**/!(*.test.*).[tj]s?(x)"
],
"exclude": [
"src/_tests_/**/*.*"
],
"reporter": [
"html",
"lcov",
"clover",
"text",
"text-summary"
],
"report-dir": "coverage"
},
"engines": { "engines": {
"node": ">=17.0.0" "node": ">=17.0.0"
} }

20
src/back/app.ts
View File

@ -4,14 +4,22 @@ import type { LoggerLevel } from "sealious/@types/src/app/logger.js";
import { collections } from "./collections/collections.js"; import { collections } from "./collections/collections.js";
import ADMIN_CREDENTIALS from "./default-admin-credentials.js"; import ADMIN_CREDENTIALS from "./default-admin-credentials.js";
import { module_dirname } from "./util.js"; import { module_dirname } from "./util.js";
const locreq = _locreq.default(module_dirname(import.meta.url)); const locreq = _locreq(module_dirname(import.meta.url));
const PORT = process.env.SEALIOUS_PORT ? parseInt(process.env.SEALIOUS_PORT) : 8080; const PORT = process.env.SEALIOUS_PORT ? parseInt(process.env.SEALIOUS_PORT) : 8080;
const base_url = process.env.SEALIOUS_BASE_URL || `http://localhost:${PORT}`; const base_url = process.env.SEALIOUS_BASE_URL || `http://localhost:${PORT}`;
const MONGO_PORT = process.env.SEALIOUS_MONGO_PORT export const MONGO_PORT = process.env.SEALIOUS_MONGO_PORT
? parseInt(process.env.SEALIOUS_MONGO_PORT) ? parseInt(process.env.SEALIOUS_MONGO_PORT)
: 20747; : 20747;
const MONGO_HOST = process.env.SEALIOUS_MONGO_HOST || "127.0.0.1"; export const MONGO_HOST = process.env.SEALIOUS_MONGO_HOST || "127.0.0.1";
export const MAILCATCHER_HOST = process.env.SEALIOUS_MAILCATCHER_HOST || "127.0.0.1";
export const MAILCATCHER_SMTP_PORT = parseInt(
process.env.SEALIOUS_MAILCATCHER_SMTP_PORT || "1026"
);
export const MAILCATCHER_API_PORT = parseInt(
process.env.SEALIOUS_MAILCATCHER_API_PORT || "1082"
);
export const MAILER = process.env.SEALIOUS_MAILER;
declare module "koa" { declare module "koa" {
interface BaseContext { interface BaseContext {
@ -56,10 +64,10 @@ export default class TheApp extends App {
}; };
collections = collections; collections = collections;
mailer = mailer =
process.env.SEALIOUS_MAILER === "mailcatcher" MAILER === "mailcatcher"
? new SMTPMailer({ ? new SMTPMailer({
host: "mailcatcher", host: MAILCATCHER_HOST,
port: 1025, port: MAILCATCHER_SMTP_PORT,
user: "any", user: "any",
password: "any", password: "any",
}) })

92
src/back/collections/password-reset-intents.test.ts
View File

@ -2,6 +2,7 @@ import axios from "axios";
import assert from "assert"; import assert from "assert";
import TheApp from "../app.js"; import TheApp from "../app.js";
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { LONG_TEST_TIMEOUT } from "../test_utils/webhint.js";
describe("password-reset-intents", function () { describe("password-reset-intents", function () {
//ts-ignore //ts-ignore
@ -14,52 +15,60 @@ describe("password-reset-intents", function () {
}); });
} }
it("tells you if the email address doesn't exist", async function () { it(
return withProdApp(async ({ app, base_url }) => { "tells you if the email address doesn't exist",
const email = "fake@example.com"; async function () {
try { return withProdApp(async ({ app, base_url }) => {
await axios.default.post( const email = "fake@example.com";
`${base_url}/api/v1/collections/password-reset-intents`, try {
{ await axios.post(
email: email, `${base_url}/api/v1/collections/password-reset-intents`,
} {
); email: email,
} catch (e) { }
assert.equal( );
e.response.data.data.field_messages.email.message, } catch (e) {
app.i18n("invalid_existing_value", ["users", "email", email]) assert.equal(
); e.response.data.data.field_messages.email.message,
return; app.i18n("invalid_existing_value", ["users", "email", email])
} );
throw new Error("it didn't throw"); return;
}); }
}); throw new Error("it didn't throw");
});
},
LONG_TEST_TIMEOUT
);
it("allows anyone to create an intent, if the email exists", async () => it(
withProdApp(async ({ app, base_url }) => { "allows anyone to create an intent, if the email exists",
await createAUser(app); async () =>
const { email, token } = ( withProdApp(async ({ app, base_url }) => {
await axios.default.post( await createAUser(app);
`${base_url}/api/v1/collections/password-reset-intents`, const { email, token } = (
await axios.post(
`${base_url}/api/v1/collections/password-reset-intents`,
{
email: "user@example.com",
}
)
).data;
assert.deepEqual(
{ email, token },
{ {
email: "user@example.com", email: "user@example.com",
token: "it's a secret to everybody",
} }
) );
).data; }),
assert.deepEqual( LONG_TEST_TIMEOUT
{ email, token }, );
{
email: "user@example.com",
token: "it's a secret to everybody",
}
);
}));
it("tells you if the email address is malformed", async () => it("tells you if the email address is malformed", async () =>
withProdApp(async ({ app, base_url }) => { withProdApp(async ({ app, base_url }) => {
const email = "incorrect-address"; const email = "incorrect-address";
try { try {
await axios.default.post( await axios.post(
`${base_url}/api/v1/collections/password-reset-intents`, `${base_url}/api/v1/collections/password-reset-intents`,
{ {
email: email, email: email,
@ -78,12 +87,9 @@ describe("password-reset-intents", function () {
it("sends an email with the reset password link", async () => it("sends an email with the reset password link", async () =>
withProdApp(async ({ app, base_url, mail_api }) => { withProdApp(async ({ app, base_url, mail_api }) => {
await createAUser(app); await createAUser(app);
await axios.default.post( await axios.post(`${base_url}/api/v1/collections/password-reset-intents`, {
`${base_url}/api/v1/collections/password-reset-intents`, email: "user@example.com",
{ });
email: "user@example.com",
}
);
const messages = (await mail_api.getMessages()).filter( const messages = (await mail_api.getMessages()).filter(
(message) => message.recipients[0] == "<user@example.com>" (message) => message.recipients[0] == "<user@example.com>"
); );

49
src/back/collections/user-roles.test.ts
View File

@ -4,34 +4,39 @@ import { Context, TestUtils } from "sealious";
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { createAdmin, createAUser } from "../test_utils/users.js"; import { createAdmin, createAUser } from "../test_utils/users.js";
import Users from "./users.js"; import Users from "./users.js";
import { LONG_TEST_TIMEOUT } from "../test_utils/webhint.js";
describe("user-roles", () => { describe("user-roles", () => {
it("rejects when given an empty role", async () => it(
withProdApp(async ({ app, rest_api }) => { "rejects when given an empty role",
const [user, session] = await createAdmin(app, rest_api); async () =>
await TestUtils.assertThrowsAsync( withProdApp(async ({ app, rest_api }) => {
async () => { const [user, session] = await createAdmin(app, rest_api);
return rest_api.post( await TestUtils.assertThrowsAsync(
`/api/v1/collections/user-roles`, async () => {
{ return rest_api.post(
user: user.id, `/api/v1/collections/user-roles`,
}, {
session user: user.id,
); },
}, session
(e: any) => { );
assert.equal( },
e?.response.data.data.field_messages.role?.message, (e: any) => {
"Missing value for field 'role'." assert.equal(
); e?.response.data.data.field_messages.role?.message,
} "Missing value for field 'role'."
); );
})); }
);
}),
LONG_TEST_TIMEOUT
);
it("accepts correct dataset", async () => it("accepts correct dataset", async () =>
withProdApp(async ({ app, base_url, rest_api }) => { withProdApp(async ({ app, base_url, rest_api }) => {
const [user, session] = await createAdmin(app, rest_api); const [user, session] = await createAdmin(app, rest_api);
const response = await axios.default.post( const response = await axios.post(
`${base_url}/api/v1/collections/user-roles`, `${base_url}/api/v1/collections/user-roles`,
{ {
user: user.id, user: user.id,

2
src/back/index.ts
View File

@ -3,7 +3,7 @@ import _locreq from "locreq";
import TheApp from "./app.js"; import TheApp from "./app.js";
import { mainRouter } from "./routes/index.js"; import { mainRouter } from "./routes/index.js";
import { module_dirname } from "./util.js"; import { module_dirname } from "./util.js";
const locreq = _locreq.default(module_dirname(import.meta.url)); const locreq = _locreq(module_dirname(import.meta.url));
const app = new TheApp(); const app = new TheApp();

2
src/back/routes/hello.page.ts
View File

@ -1,7 +1,7 @@
import { Context } from "koa"; import { Context } from "koa";
import { tempstream } from "tempstream"; import { tempstream } from "tempstream";
import { Page } from "@sealcode/sealgen"; import { Page } from "@sealcode/sealgen";
import html from "../html"; import html from "../html.js";
export const actionName = "Hello"; export const actionName = "Hello";

25
src/back/routes/hello.test.ts
View File

@ -3,15 +3,18 @@ import { withProdApp } from "../test_utils/with-prod-app.js";
import { HelloURL } from "./urls.js"; import { HelloURL } from "./urls.js";
describe("Hello", () => { describe("Hello", () => {
it("doesn't crash", async function () { it(
this.timeout(VERY_LONG_TEST_TIMEOUT); "doesn't crash",
return withProdApp(async ({ base_url, rest_api }) => { async function () {
await rest_api.get(HelloURL); return withProdApp(async ({ base_url, rest_api }) => {
await webhintURL(base_url + HelloURL); await rest_api.get(HelloURL);
// alternatively you can use webhintHTML for faster but less precise scans await webhintURL(base_url + HelloURL);
// or for scanning responses of requests that use some form of authorization: // alternatively you can use webhintHTML for faster but less precise scans
// const response = await rest_api.get(HelloURL); // or for scanning responses of requests that use some form of authorization:
// await webhintHTML(response); // const response = await rest_api.get(HelloURL);
}); // await webhintHTML(response);
}); });
},
VERY_LONG_TEST_TIMEOUT
);
}); });

13
src/back/routes/index.test.ts
View File

@ -2,9 +2,12 @@ import { VERY_LONG_TEST_TIMEOUT, webhintURL } from "../test_utils/webhint.js";
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
describe("homepage", function () { describe("homepage", function () {
this.timeout(VERY_LONG_TEST_TIMEOUT); it(
it("passes webhint tests", () => "passes webhint tests",
withProdApp(async ({ base_url }) => { () =>
await webhintURL(`${base_url}/`); withProdApp(async ({ base_url }) => {
})); await webhintURL(`${base_url}/`);
}),
VERY_LONG_TEST_TIMEOUT
);
}); });

60
src/back/routes/logout.test.ts
View File

@ -6,7 +6,7 @@ import { LONG_TEST_TIMEOUT, VERY_LONG_TEST_TIMEOUT } from "../test_utils/webhint
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { LogoutURL, SignInURL } from "./urls.js"; import { LogoutURL, SignInURL } from "./urls.js";
describe("Logout", () => { describe.concurrent("Logout", () => {
let page: Page; let page: Page;
let browser: Browser; let browser: Browser;
let context: BrowserContext; let context: BrowserContext;
@ -23,33 +23,39 @@ describe("Logout", () => {
await context.close(); await context.close();
}); });
it("doesn't crash", async function () { it(
this.timeout(VERY_LONG_TEST_TIMEOUT); "doesn't crash",
return withProdApp(async ({ rest_api }) => { async function () {
await assert.rejects( return withProdApp(async ({ rest_api }) => {
async () => { await assert.rejects(
await rest_api.get(LogoutURL); async () => {
}, await rest_api.get(LogoutURL);
{ name: "Error" } },
); { name: "Error" }
}); );
}); });
},
VERY_LONG_TEST_TIMEOUT
);
describe("logout test", () => { describe("logout test", () => {
it("logout", async function () { it(
await withProdApp(async ({ base_url }) => { "logout",
this.timeout(LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); await page.goto(base_url);
await page.getByPlaceholder("text").click(); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").fill(username); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").fill(password); await page.getByPlaceholder("text").press("Tab");
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("password").fill(password);
await page.waitForSelector(`a[href="${LogoutURL}"]`); await page.getByPlaceholder("password").press("Enter");
await page.getByRole("link", { name: "Logout" }).click(); await page.waitForSelector(`a[href="${LogoutURL}"]`);
await page.waitForSelector(`a[href="${SignInURL}"]`); await page.getByRole("link", { name: "Logout" }).click();
}); await page.waitForSelector(`a[href="${SignInURL}"]`);
}); });
},
LONG_TEST_TIMEOUT
);
}); });
}); });

178
src/back/routes/signIn.test.ts
View File

@ -1,103 +1,113 @@
import { Browser, BrowserContext, Page } from "@playwright/test"; import { Browser, BrowserContext, Page } from "@playwright/test";
import ADMIN_CREDENTIALS from "../default-admin-credentials.js"; import ADMIN_CREDENTIALS from "../default-admin-credentials.js";
import { getBrowser } from "../test_utils/browser-creator.js"; import { getBrowser, getPage } from "../test_utils/browser-creator.js";
import { VERY_LONG_TEST_TIMEOUT, webhintURL } from "../test_utils/webhint.js"; import { VERY_LONG_TEST_TIMEOUT, webhintURL } from "../test_utils/webhint.js";
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { LogoutURL, SignInURL } from "./urls.js"; import { LogoutURL, SignInURL } from "./urls.js";
describe("SignIn", () => { describe("SignIn", () => {
let page: Page;
let browser: Browser;
let context: BrowserContext;
const username = ADMIN_CREDENTIALS.username; const username = ADMIN_CREDENTIALS.username;
const password = ADMIN_CREDENTIALS.password; const password = ADMIN_CREDENTIALS.password;
beforeEach(async () => { it(
browser = await getBrowser(); "doesn't crash",
context = await browser.newContext(); async function () {
page = await context.newPage(); return withProdApp(async ({ base_url, rest_api }) => {
}); await rest_api.get(SignInURL);
await webhintURL(base_url + SignInURL);
afterEach(async () => { // alternatively you can use webhintHTML for faster but less precise scans
await context.close(); // or for scanning responses of requests that use some form of authorization:
}); // const response = await rest_api.get(SignInURL);
// await webhintHTML(response);
it("doesn't crash", async function () { });
this.timeout(VERY_LONG_TEST_TIMEOUT); },
return withProdApp(async ({ base_url, rest_api }) => { VERY_LONG_TEST_TIMEOUT
await rest_api.get(SignInURL); );
await webhintURL(base_url + SignInURL);
// alternatively you can use webhintHTML for faster but less precise scans
// or for scanning responses of requests that use some form of authorization:
// const response = await rest_api.get(SignInURL);
// await webhintHTML(response);
});
});
describe("can access test", () => { describe("can access test", () => {
it("access url", async function () { it(
await withProdApp(async ({ base_url }) => { "access url",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); const { context, page } = await getPage();
await page.getByPlaceholder("text").click(); await page.goto(base_url);
await page.getByPlaceholder("text").fill(username); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("password").fill(password); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("text").press("Tab");
await page.waitForSelector(`a[href="${LogoutURL}"]`); await page.getByPlaceholder("password").fill(password);
await page.goto(base_url + SignInURL); await page.getByPlaceholder("password").press("Enter");
await page.waitForSelector('body:has-text("no access")'); await page.waitForSelector(`a[href="${LogoutURL}"]`);
await page.goto(base_url); await page.goto(base_url + SignInURL);
await page.getByRole("link", { name: "Logout" }).click(); await page.waitForSelector('body:has-text("no access")');
await page.waitForSelector(`a[href="${SignInURL}"]`); await page.goto(base_url);
}); await page.getByRole("link", { name: "Logout" }).click();
}); await page.waitForSelector(`a[href="${SignInURL}"]`);
await context.close();
});
},
VERY_LONG_TEST_TIMEOUT
);
}); });
describe("sign in test", () => { describe("sign in test", () => {
it("wrong username", async function () { it(
await withProdApp(async ({ base_url }) => { "wrong username",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); const { context, page } = await getPage();
await page.getByPlaceholder("text").click(); await page.goto(base_url);
await page.getByPlaceholder("text").fill("username20230720722"); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("password").fill("test"); await page.getByPlaceholder("text").fill("username20230720722");
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("text").press("Tab");
await page.waitForSelector(".form-message"); await page.getByPlaceholder("password").fill("test");
}); await page.getByPlaceholder("password").press("Enter");
}); await page.waitForSelector(".form-message");
await context.close();
});
},
VERY_LONG_TEST_TIMEOUT
);
it("correct username and password", async function () { it(
await withProdApp(async ({ base_url }) => { "correct username and password",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); const { context, page } = await getPage();
await page.getByPlaceholder("text").click(); await page.goto(base_url);
await page.getByPlaceholder("text").fill(username); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("password").fill(password); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("text").press("Tab");
await page.waitForSelector(`a[href="${LogoutURL}"]`); await page.getByPlaceholder("password").fill(password);
await page.getByRole("link", { name: "Logout" }).click(); await page.getByPlaceholder("password").press("Enter");
await page.waitForSelector(`a[href="${SignInURL}"]`); await page.waitForSelector(`a[href="${LogoutURL}"]`);
}); await page.getByRole("link", { name: "Logout" }).click();
}); await page.waitForSelector(`a[href="${SignInURL}"]`);
await context.close();
});
},
VERY_LONG_TEST_TIMEOUT
);
it("wrong password", async function () { it(
await withProdApp(async ({ base_url }) => { "wrong password",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); const { context, page } = await getPage();
await page.getByPlaceholder("text").click(); await page.goto(base_url);
await page.getByPlaceholder("text").fill(username); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("password").fill("asddasads20230720722"); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("text").press("Tab");
await page.waitForSelector(".form-message"); await page.getByPlaceholder("password").fill("asddasads20230720722");
}); await page.getByPlaceholder("password").press("Enter");
}); await page.waitForSelector(".form-message");
await context.close();
});
},
VERY_LONG_TEST_TIMEOUT
);
}); });
}); });

207
src/back/routes/signUp.test.ts
View File

@ -5,6 +5,19 @@ import { VERY_LONG_TEST_TIMEOUT, webhintURL } from "../test_utils/webhint.js";
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { LogoutURL, SignInURL, SignUpURL } from "./urls.js"; import { LogoutURL, SignInURL, SignUpURL } from "./urls.js";
describe("SignUp webhint", () => {
it(
"doesn't crash",
async function () {
return withProdApp(async ({ base_url, rest_api }) => {
await rest_api.get(SignUpURL);
await webhintURL(base_url + SignUpURL);
});
},
VERY_LONG_TEST_TIMEOUT
);
});
describe("SignUp", () => { describe("SignUp", () => {
let page: Page; let page: Page;
let browser: Browser; let browser: Browser;
@ -23,100 +36,110 @@ describe("SignUp", () => {
await context.close(); await context.close();
}); });
it("doesn't crash", async function () {
this.timeout(VERY_LONG_TEST_TIMEOUT);
return withProdApp(async ({ base_url, rest_api }) => {
await rest_api.get(SignUpURL);
await webhintURL(base_url + SignUpURL);
// alternatively you can use webhintHTML for faster but less precise scans
// or for scanning responses of requests that use some form of authorization:
// const response = await rest_api.get(SignUpURL);
// await webhintHTML(response);
});
});
describe("signup test", () => { describe("signup test", () => {
it("username is taken", async function () { it(
await withProdApp(async ({ base_url }) => { "username is taken",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign up" }).click(); await page.goto(base_url);
await page.getByPlaceholder("text").click(); await page.getByRole("link", { name: "Sign up" }).click();
await page.getByPlaceholder("text").fill(username); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("email").fill("user0192939@randomsuper.com"); await page.getByPlaceholder("text").press("Tab");
await page.getByPlaceholder("email").press("Tab"); await page
await page.getByPlaceholder("password").fill("user12341234"); .getByPlaceholder("email")
await page.getByRole("button", { name: "Wyślij" }).click(); .fill("user0192939@randomsuper.com");
await page.waitForSelector(".input__error"); await page.getByPlaceholder("email").press("Tab");
}); await page.getByPlaceholder("password").fill("user12341234");
}); await page.getByRole("button", { name: "Wyślij" }).click();
it("password is too shot ", async function () { await page.waitForSelector(".input__error");
await withProdApp(async ({ base_url }) => { });
this.timeout(VERY_LONG_TEST_TIMEOUT); },
await page.goto(base_url); VERY_LONG_TEST_TIMEOUT
await page.getByRole("link", { name: "Sign up" }).click(); );
await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").fill("dasdsa"); it(
await page.getByPlaceholder("email").click(); "password is too shot ",
await page async function () {
.getByPlaceholder("email") await withProdApp(async ({ base_url }) => {
.fill("asasdsdadsadss123asddsa@asdasca.com"); await page.goto(base_url);
await page.getByPlaceholder("password").click(); await page.getByRole("link", { name: "Sign up" }).click();
await page.getByPlaceholder("password").fill("asddsa"); await page.getByPlaceholder("text").click();
await page.getByRole("button", { name: "Wyślij" }).click(); await page.getByPlaceholder("text").fill("dasdsa");
await page.waitForSelector(".form-message.form-message--error"); await page.getByPlaceholder("email").click();
}); await page
}); .getByPlaceholder("email")
it("email is taken", async function () { .fill("asasdsdadsadss123asddsa@asdasca.com");
await withProdApp(async ({ base_url }) => { await page.getByPlaceholder("password").click();
this.timeout(VERY_LONG_TEST_TIMEOUT); await page.getByPlaceholder("password").fill("asddsa");
await page.goto(base_url); await page.getByRole("button", { name: "Wyślij" }).click();
await page.getByRole("link", { name: "Sign up" }).click(); await page.waitForSelector(".form-message.form-message--error");
await page.getByPlaceholder("text").click(); });
await page.getByPlaceholder("text").fill("ranomusername2023072722"); },
await page.getByPlaceholder("text").press("Tab"); VERY_LONG_TEST_TIMEOUT
await page.getByPlaceholder("email").fill(email); );
await page.getByPlaceholder("email").press("Tab");
await page.getByPlaceholder("password").fill("asdasdasdasdasd"); it(
await page.getByRole("button", { name: "Wyślij" }).click(); "email is taken",
await page.waitForSelector(".form-message.form-message--error"); async function () {
}); await withProdApp(async ({ base_url }) => {
}); await page.goto(base_url);
it("correct", async function () { await page.getByRole("link", { name: "Sign up" }).click();
await withProdApp(async ({ base_url }) => { await page.getByPlaceholder("text").click();
this.timeout(VERY_LONG_TEST_TIMEOUT); await page.getByPlaceholder("text").fill("ranomusername2023072722");
await page.goto(base_url); await page.getByPlaceholder("text").press("Tab");
await page.getByRole("link", { name: "Sign up" }).click(); await page.getByPlaceholder("email").fill(email);
await page.getByPlaceholder("text").click(); await page.getByPlaceholder("email").press("Tab");
await page.getByPlaceholder("text").fill("ranomusername20230720722"); await page.getByPlaceholder("password").fill("asdasdasdasdasd");
await page.getByPlaceholder("text").press("Tab"); await page.getByRole("button", { name: "Wyślij" }).click();
await page.getByPlaceholder("email").fill("radomemail@emailrandom.com"); await page.waitForSelector(".form-message.form-message--error");
await page.getByPlaceholder("email").press("Tab"); });
await page.getByPlaceholder("password").fill("asdasdasdasdasd"); },
await page.getByRole("button", { name: "Wyślij" }).click(); VERY_LONG_TEST_TIMEOUT
await page.waitForSelector(".success-notify"); );
});
}); it(
"correct",
async function () {
await withProdApp(async ({ base_url }) => {
await page.goto(base_url);
await page.getByRole("link", { name: "Sign up" }).click();
await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").fill("ranomusername20230720722");
await page.getByPlaceholder("text").press("Tab");
await page
.getByPlaceholder("email")
.fill("radomemail@emailrandom.com");
await page.getByPlaceholder("email").press("Tab");
await page.getByPlaceholder("password").fill("asdasdasdasdasd");
await page.getByRole("button", { name: "Wyślij" }).click();
await page.waitForSelector(".success-notify");
});
},
VERY_LONG_TEST_TIMEOUT
);
}); });
describe("can access test", () => { describe("can access test", () => {
it("access url", async function () { it(
await withProdApp(async ({ base_url }) => { "access url",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); await page.goto(base_url);
await page.getByPlaceholder("text").click(); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").fill(username); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").fill(password); await page.getByPlaceholder("text").press("Tab");
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("password").fill(password);
await page.waitForSelector(`a[href="${LogoutURL}"]`); await page.getByPlaceholder("password").press("Enter");
await page.goto(base_url + SignUpURL); await page.waitForSelector(`a[href="${LogoutURL}"]`);
await page.waitForSelector('body:has-text("no access")'); await page.goto(base_url + SignUpURL);
await page.goto(base_url); await page.waitForSelector('body:has-text("no access")');
await page.getByRole("link", { name: "Logout" }).click(); await page.goto(base_url);
await page.waitForSelector(`a[href="${SignInURL}"]`); await page.getByRole("link", { name: "Logout" }).click();
}); await page.waitForSelector(`a[href="${SignInURL}"]`);
}); });
},
VERY_LONG_TEST_TIMEOUT
);
}); });
}); });

113
src/back/routes/todo.test.ts
View File

@ -6,6 +6,23 @@ import { LONG_TEST_TIMEOUT, VERY_LONG_TEST_TIMEOUT } from "../test_utils/webhint
import { withProdApp } from "../test_utils/with-prod-app.js"; import { withProdApp } from "../test_utils/with-prod-app.js";
import { SignInURL, TodoURL } from "./urls.js"; import { SignInURL, TodoURL } from "./urls.js";
describe("Todo webhint", () => {
it(
"doesn't crash",
async function () {
return withProdApp(async ({ rest_api }) => {
await assert.rejects(
async () => {
await rest_api.get(TodoURL);
},
{ name: "Error" }
);
});
},
VERY_LONG_TEST_TIMEOUT
);
});
describe("Todo", function () { describe("Todo", function () {
let page: Page; let page: Page;
let browser: Browser; let browser: Browser;
@ -23,59 +40,55 @@ describe("Todo", function () {
await context.close(); await context.close();
}); });
it("doesn't crash", async function () {
this.timeout(VERY_LONG_TEST_TIMEOUT);
return withProdApp(async ({ rest_api }) => {
await assert.rejects(
async () => {
await rest_api.get(TodoURL);
},
{ name: "Error" }
);
});
});
describe("todo test", () => { describe("todo test", () => {
it("create and delete task", async function () { it(
await withProdApp(async ({ base_url }) => { "create and delete task",
this.timeout(VERY_LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
await page.getByRole("link", { name: "Sign in" }).click(); await page.goto(base_url);
await page.getByPlaceholder("text").click(); await page.getByRole("link", { name: "Sign in" }).click();
await page.getByPlaceholder("text").fill(username); await page.getByPlaceholder("text").click();
await page.getByPlaceholder("text").press("Tab"); await page.getByPlaceholder("text").fill(username);
await page.getByPlaceholder("password").fill(password); await page.getByPlaceholder("text").press("Tab");
await page.getByPlaceholder("password").press("Enter"); await page.getByPlaceholder("password").fill(password);
await page.getByRole("link", { name: "To do app" }).click(); await page.getByPlaceholder("password").press("Enter");
await page.getByPlaceholder("Write an Matrix bot").click(); await page.getByRole("link", { name: "To do app" }).click();
await page.getByPlaceholder("Write an Matrix bot").fill("randomtasdk"); await page.getByPlaceholder("Write an Matrix bot").click();
await page.getByRole("button", { name: "Wyślij" }).click(); await page
await page.waitForSelector(".form-message.form-message--success"); .getByPlaceholder("Write an Matrix bot")
await page.locator("turbo-frame").getByRole("checkbox").check(); .fill("randomtasdk");
await page.locator("turbo-frame").getByRole("checkbox").uncheck(); await page.getByRole("button", { name: "Wyślij" }).click();
await page await page.waitForSelector(".form-message.form-message--success");
.locator("turbo-frame") await page.locator("turbo-frame").getByRole("checkbox").check();
.getByRole("button", { name: "Delete" }) await page.locator("turbo-frame").getByRole("checkbox").uncheck();
.click(); await page
await page.getByRole("link", { name: "Logout" }).click(); .locator("turbo-frame")
await page.waitForSelector(`a[href="${SignInURL}"]`); .getByRole("button", { name: "Delete" })
}); .click();
}); await page.getByRole("link", { name: "Logout" }).click();
await page.waitForSelector(`a[href="${SignInURL}"]`);
});
},
VERY_LONG_TEST_TIMEOUT
);
}); });
describe("can access test", () => { describe("can access test", () => {
it("access url", async function () { it(
await withProdApp(async ({ base_url }) => { "access url",
this.timeout(LONG_TEST_TIMEOUT); async function () {
await page.goto(base_url); await withProdApp(async ({ base_url }) => {
try { await page.goto(base_url);
await page.waitForSelector(`a[href="${SignInURL}"]`); try {
await page.goto(base_url + TodoURL); await page.waitForSelector(`a[href="${SignInURL}"]`);
await page.waitForSelector('body:has-text("no access")'); await page.goto(base_url + TodoURL);
} catch (error) { await page.waitForSelector('body:has-text("no access")');
console.error(error); } catch (error) {
} console.error(error);
}); }
}); });
},
LONG_TEST_TIMEOUT
);
}); });
}); });

5
src/back/test-teardown.ts Normal file
View File

@ -0,0 +1,5 @@
import { closeBrowser } from "./test_utils/browser-creator.js";
afterAll(async () => {
await closeBrowser();
});

13
src/back/test_utils/browser-creator.ts
View File

@ -1,4 +1,4 @@
import { Browser, firefox } from "@playwright/test"; import { Browser, BrowserContext, firefox, Page } from "@playwright/test";
let browser: Browser; let browser: Browser;
@ -14,3 +14,14 @@ export async function closeBrowser() {
await browser.close(); await browser.close();
} }
} }
export async function getPage(): Promise<{
page: Page;
browser: Browser;
context: BrowserContext;
}> {
const browser = await getBrowser();
const context = await browser.newContext();
const page = await context.newPage();
return { browser, context, page };
}

2
src/back/test_utils/webhint.ts
View File

@ -1,5 +1,5 @@
import _locreq from "locreq"; import _locreq from "locreq";
const locreq = _locreq.default(__dirname); const locreq = _locreq(__dirname);
import { spawn } from "child_process"; import { spawn } from "child_process";
import { hasShape, is, predicates } from "@sealcode/ts-predicates"; import { hasShape, is, predicates } from "@sealcode/ts-predicates";
import { promises as fs } from "fs"; import { promises as fs } from "fs";

27
src/back/test_utils/with-prod-app.ts
View File

@ -1,12 +1,21 @@
import _locreq from "locreq"; import _locreq from "locreq";
import { v4 as uuid } from "uuid"; import { v4 as uuid } from "uuid";
const locreq = _locreq.default(module_dirname(import.meta.url)); const locreq = _locreq(module_dirname(import.meta.url));
import { SMTPMailer } from "sealious"; import { SMTPMailer } from "sealious";
import { TestUtils } from "sealious"; import { TestUtils } from "sealious";
import TheApp from "../app.js"; import TheApp, {
MAILCATCHER_API_PORT,
MAILCATCHER_HOST,
MAILCATCHER_SMTP_PORT,
} from "../app.js";
import { mainRouter } from "../routes/index.js"; import { mainRouter } from "../routes/index.js";
import { module_dirname } from "../util.js"; import { module_dirname } from "../util.js";
import getPort from "get-port";
const port_numbers = async function* () {
yield await getPort();
};
export async function withProdApp( export async function withProdApp(
callback: (args: { callback: (args: {
@ -17,18 +26,17 @@ export async function withProdApp(
}) => Promise<void> }) => Promise<void>
) { ) {
const app = new TheApp(); const app = new TheApp();
const port = 9999; const port = (await port_numbers().next()).value as number;
app.config["www-server"].port = port; app.config["www-server"].port = port;
app.config.datastore_mongo = { app.config.datastore_mongo = {
host: "db", ...app.config.datastore_mongo,
port: 27017,
db_name: "sealious-app-test" + uuid(), db_name: "sealious-app-test" + uuid(),
}; };
app.config.logger.level = <const>"none"; app.config.logger.level = <const>"none";
app.mailer = new SMTPMailer({ app.mailer = new SMTPMailer({
host: "mailcatcher", host: "127.0.0.1",
port: 1025, port: MAILCATCHER_SMTP_PORT,
user: "any", user: "any",
password: "any", password: "any",
}); });
@ -39,7 +47,10 @@ export async function withProdApp(
await app.start(); await app.start();
const base_url = `http://127.0.0.1:${port}`; const base_url = `http://127.0.0.1:${port}`;
const mail_api = new TestUtils.MailcatcherAPI("http://mailcatcher:1080", app); const mail_api = new TestUtils.MailcatcherAPI(
`http://${MAILCATCHER_HOST}:${MAILCATCHER_API_PORT}`,
app
);
await mail_api.deleteAllInstanceEmails(); await mail_api.deleteAllInstanceEmails();
async function stop() { async function stop() {

6
src/back/tsconfig.json
View File

@ -14,7 +14,9 @@
"allowJs": true, "allowJs": true,
"resolveJsonModule": true, "resolveJsonModule": true,
"sourceMap": true, "sourceMap": true,
"skipLibCheck": true "skipLibCheck": true,
"types": ["vitest/globals"]
}, },
"include": ["./**/*", "./*"] "include": ["./**/*", "./*"],
"ts-node": { "experimentalResolver": true, "esm": true }
} }

16
src/back/vitest.config.ts Normal file
View File

@ -0,0 +1,16 @@
import { defineConfig } from "vitest/config";
export default defineConfig({
test: {
testTimeout: 10000,
setupFiles: ["src/back/test-teardown.ts"],
exclude: ["docker_node_modules", "node_modules", "dist", "lib"],
globals: true,
coverage: {
exclude: ["docker_node_modules", "node_modules", "dist", "lib"],
enabled: true,
all: true,
include: ["src/**", "test?(-*).?(c|m)[jt]s?(x)"],
},
},
});

1
src/includes.scss
View File

@ -2,3 +2,4 @@
@import "../node_modules/@sealcode/sealgen/src/forms/forms.scss"; @import "../node_modules/@sealcode/sealgen/src/forms/forms.scss";
@import "back/routes/common/ui/input.scss"; @import "back/routes/common/ui/input.scss";
@import "tables.scss";

37
webpack.config.js
View File

@ -1,37 +0,0 @@
const path = require("path");
module.exports = [
{
name: "front-end-components",
entry: {
bundle: "./src/front/index.ts",
},
output: {
filename: "[name].js",
path: path.resolve(__dirname, "public/dist"),
},
mode: "production",
devtool: "source-map",
resolve: {
extensions: [".ts", ".js"],
},
module: {
rules: [
{
test: /\.js$/,
exclude: [/node_modules/],
use: [{ loader: "babel-loader" }],
},
{
test: /\.ts$/,
exclude: [/node_modules/],
use: [{ loader: "ts-loader" }],
},
],
},
},
];