TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add cleanup hooks for E2E tests

Browse Source
This commit is contained in:
Aarni Halinen
2021-01-15 00:23:30 +02:00
parent e57f05eb42
commit ba4010ff46
9 changed files with 211 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/testcafe/admin/common/login.ts
-10
View File
@@ -1,10 +0,0 @@
import { Selector } from "testcafe";
const USERNAME = "admin";
const PASSWORD = "password123";
export const doLogin = async (t: TestController) => {
await t.typeText(Selector("#login-username"), USERNAME);
await t.typeText(Selector("#login-password"), PASSWORD);
await t.click(Selector("#login-submit"));
}
tests/testcafe/admin/create-event.test.ts
+19 -3
View File
@@ -1,8 +1,21 @@
import { Selector } from "testcafe";
import { getSiteRoot, getPageUrl } from "../utils";
import { doLogin } from "./common/login";
import { getSiteRoot, getPageUrl, generateTestForm, deleteEvent, deleteForm, doLogin, generateToken, getPostRequestLogger } from "../utils";
fixture`Admin events`.page(`${getSiteRoot()}/admin/events`);
const LOGGER = getPostRequestLogger("events/");
fixture`Admin events`.page(`${getSiteRoot()}/admin/events`)
.requestHooks(LOGGER)
.before(async (ctx) => {
const token = await generateToken();
const form = await generateTestForm(token);
ctx.formId = form.id;
})
.after(async (ctx) => {
const token = await generateToken();
const eResp = await deleteEvent(ctx.eventId, token);
await deleteForm(ctx.formId, token);
console.error(eResp);
});
test("Logged in user can create event", async t => {
const loginForm = Selector("form.admin-login-form");
@@ -63,6 +76,9 @@ test("Logged in user can create event", async t => {
await t.click(submit);
const parsed = JSON.parse(LOGGER.requests[0].response.body);
t.fixtureCtx.eventId = parsed.id;
const statusMessage = Selector("[data-e2e=\"admin-form-status-message\"]");
await t
.hover(statusMessage)
tests/testcafe/admin/create-signup.test.ts
+12 -3
View File
@@ -1,8 +1,14 @@
import { Selector } from "testcafe";
import { getSiteRoot, getPageUrl } from "../utils";
import { doLogin } from "./common/login";
import { getSiteRoot, getPageUrl, deleteForm, doLogin, generateToken, getPostRequestLogger } from "../utils";
fixture`Admin events`.page(`${getSiteRoot()}/admin/signups`);
const LOGGER = getPostRequestLogger("signupForm/");
fixture`Admin signup form`.page(`${getSiteRoot()}/admin/signups`)
.requestHooks(LOGGER)
.after(async (ctx) => {
const token = await generateToken();
await deleteForm(ctx.formId, token);
});
test("Logged in user can create signup", async t => {
const loginForm = Selector("form.admin-login-form");
@@ -72,6 +78,9 @@ test("Logged in user can create signup", async t => {
await t.click(submit);
const parsed = JSON.parse(LOGGER.requests[0].response.body);
t.fixtureCtx.formId = parsed.id;
const statusMessage = Selector("[data-e2e=\"admin-form-status-message\"]");
await t
.hover(statusMessage)
tests/testcafe/admin/login.test.ts
+1 -2
View File
@@ -1,6 +1,5 @@
import { Selector, ClientFunction } from "testcafe";
import { getSiteRoot } from "../utils";
import { doLogin } from "./common/login";
import { getSiteRoot, doLogin } from "../utils";
fixture`Admin login page functions correctly`.page(`${getSiteRoot()}/admin/login`);
tests/testcafe/signupToEvent.test.ts
+14 -2
View File
@@ -1,7 +1,19 @@
import { Selector } from "testcafe";
import { getSiteRoot, getPageUrl } from "./utils";
import { getSiteRoot, getPageUrl, generateTestEvent, generateTestForm, deleteEvent, deleteForm, generateToken } from "./utils";
fixture`Event signup`.page(getSiteRoot());
fixture`Event signup`.page(getSiteRoot())
.before(async (ctx) => {
const token = await generateToken();
const form = await generateTestForm(token);
const event = await generateTestEvent([form.id], token);
ctx.eventId = event.id;
ctx.formId = form.id;
})
.after(async (ctx) => {
const token = await generateToken();
await deleteEvent(ctx.eventId, token);
await deleteForm(ctx.formId, token);
});
test("User signups to event from front page", async t => {
const CardSelector = Selector("[data-e2e=\"event-card\"]").withText("title_fi").nth(0);
tests/testcafe/utils.ts
+133 -1
View File
@@ -1,5 +1,137 @@
import { ClientFunction } from "testcafe";
import { Selector, ClientFunction, RequestLogger } from "testcafe";
import axios from "axios";
const API_URL = "https://api.dev.sik.party/api"
export const getSiteRoot = (): string => process.env.SITE_URL || "http://localhost:3000";
// export const getPageUrl = ClientFunction(() => window.location.href.toString());
export const getPageUrl = ClientFunction(() => window.location.pathname);
export const getPostRequestLogger = (url: string) => RequestLogger({ url: `${API_URL}/${url}`, method: "post" }, {
// logResponseHeaders: true,
logResponseBody: true,
stringifyResponseBody: true
});
const openTime = new Date("1994-01-14T22:51:00+02:00");
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
const USERNAME = "admin";
const PASSWORD = "password123";
export const doLogin = async (t: TestController) => {
await t.typeText(Selector("#login-username"), USERNAME);
await t.typeText(Selector("#login-password"), PASSWORD);
await t.click(Selector("#login-submit"));
}
export async function generateToken(): Promise<string> {
const tokenUrl = `${API_URL}/api-token-auth/`;
try {
const resp = await axios.post(tokenUrl, {
username: USERNAME,
password: PASSWORD
});
return resp.data["token"];
} catch (err) {
console.error(err);
throw err;
}
}
export const generateTestForm = async (jwt: string) => (
await createForm({
"title_fi": "Testi Ilmo",
"title_en": "Test Signup",
"visible": true,
"quota": 0,
"start_time": openTime,
"end_time": tomorrow,
"email_content": "E2E Test",
"questions": [{ "id": "XS_Ox5Rry", "name": "Nimi", "type": "name", "options": [], "required": true }, { "id": "Ve02XSEEx", "name": "S-Posti", "type": "email", "options": [], "required": true }, { "id": "luMqnz5y9", "name": "Olen", "type": "radiobutton", "options": ["Nuori", "Vanha", "Testaaja"] }], "id": 14, "isOpen": true, "schema": { "type": "object", "required": ["XS_Ox5Rry", "Ve02XSEEx"], "properties": { "XS_Ox5Rry": { "type": "string", "title": "Nimi" }, "Ve02XSEEx": { "type": ["string"], "title": "S-Posti", "format": "email", "pattern": "^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$", "default": null }, "luMqnz5y9": { "type": "string", "title": "Olen", "pattern": "^Nuori$|^Vanha$|^Testaaja$", "enum": ["Nuori", "Vanha", "Testaaja"] } } }
}, jwt)
)
const formURL = `${API_URL}/signupForm/`;
export async function createForm(data, jwt: string) {
try {
const resp = await axios.post(formURL, data, {
headers: {
"Authorization": `JWT ${jwt}`,
},
});
return resp.data;
} catch (err) {
console.error(err);
throw err;
}
}
export async function deleteForm(id: string, jwt: string) {
try {
const resp = await axios.delete(`${formURL}${id}/`, {
headers: {
"Authorization": `JWT ${jwt}`
},
});
return resp.data;
} catch (err) {
console.error(err);
throw err;
}
}
export const generateTestEvent = async (formIds = [], jwt: string) => (
await createEvent({
"tags":[1],
"visible":true,
"start_time": openTime,
"end_time": tomorrow,
"title_fi":"title_fi",
"description_fi":"desc_fi",
"content_fi":"content_fi",
"location_fi":"location_fi",
"title_en":"title_en",
"description_en":"desc_en",
"content_en":"content_en",
"location_en":"location_en",
"image":null,
"signupForm": formIds,
"signup_id": formIds,
"tag_id":[1]
}, jwt)
)
const eventURL = `${API_URL}/events/`;
export async function createEvent(data, jwt: string) {
try {
const resp = await axios.post(eventURL, data, {
headers: {
"Authorization": `JWT ${jwt}`,
},
});
return resp.data;
} catch (err) {
console.error(err);
throw err;
}
}
export async function deleteEvent(id: string, jwt: string) {
try {
const resp = await axios.delete(`${eventURL}${id}/`, {
headers: {
"Authorization": `JWT ${jwt}`
},
});
return resp.data;
} catch (err) {
console.error(err);
throw err;
}
}