Skip to content

feat(ks,employer): single form wizard form flow #3874

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nikomakela wants to merge 6 commits into
base: main
Choose a base branch
from
+2,210 −1,664
Open

feat(ks,employer): single form wizard form flow #3874

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e119b39
refactor(ks,employer): iban input id property handling
nikomakela Feb 16, 2026
799de80
feat(ks,employer): single form wizard form flow
nikomakela Feb 2, 2026
b872b9e
fix(ks,employer): translations
nikomakela Feb 19, 2026
7435576
fix(ks,employer): leave SSN field as read only after data is fetched
nikomakela Feb 19, 2026
0aef719
fix(shared,frontend): default value for DateInput and SelectionGroup
nikomakela Feb 20, 2026
b0c8db8
feat(ks,employer): session storage for wizard values
nikomakela Feb 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
212 changes: 128 additions & 84 deletions frontend/kesaseteli/employer/browser-tests/actions/application.actions.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,13 @@
import type { SuomiFiData } from '@frontend/shared/browser-tests/actions/login-action';
import FakeObjectFactory from '@frontend/shared/src/__tests__/utils/FakeObjectFactory';
import isRealIntegrationsEnabled from '@frontend/shared/src/flags/is-real-integrations-enabled';
import type Application from '@frontend/shared/src/types/application';
import Application from '@frontend/shared/src/types/application';
import Employment from '@frontend/shared/src/types/employment';
import { convertToUIDateFormat } from '@frontend/shared/src/utils/date.utils';
import TestController from 'testcafe';

import { getStep1Components } from '../application-page/step1.components';
import { getStep2Components } from '../application-page/step2.components';
import { getStep3Components } from '../application-page/step3.components';
import { getWizardComponents } from '../application-page/wizard.components';
import { getUrlUtils } from '../utils/url.utils';
import { doEmployerLogin } from './employer-header.actions';
Expand All @@ -17,135 +16,180 @@ type UserAndApplicationData = Application & SuomiFiData;

const fakeObjectFactory = new FakeObjectFactory();

export const fillStep1Form = async (
export const fillEmployerDetails = async (
t: TestController,
application: Application
): Promise<void> => {
const step1Form = await getStep1Components(t).form();
const step1 = getStep1Components(t);
const step1Form = await step1.form();
const {
contact_person_name,
contact_person_email,
street_address,
bank_account_number,
contact_person_phone_number,
} = application;

await step1Form.actions.fillContactPersonName(contact_person_name);
await step1Form.actions.fillContactPersonEmail(contact_person_email);
await step1Form.actions.fillContactPersonPhone(contact_person_phone_number);
await step1Form.actions.fillStreetAddress(street_address);
await step1Form.actions.fillBankAccountNumber(bank_account_number);
};

export const removeStep2ExistingForms = async (
t: TestController
export const fillEmploymentDetails = async (
t: TestController,
application: Application,
expectedPreFill?: {
employee_ssn?: string;
employee_phone_number?: string;
employee_postcode?: string | number;
employee_school?: string;
}
// eslint-disable-next-line sonarjs/cognitive-complexity
): Promise<void> => {
const step2 = getStep2Components(t);
const form = await step2.form();
await form.actions.openAllClosedAccordions();
await form.actions.removeAllAccordions();
const step1 = getStep1Components(t);
const step1Form = await step1.form();
const { summer_vouchers } = application;

if (summer_vouchers.length > 0) {
const employment = summer_vouchers[0];

await step1Form.actions.fillEmployeeName(employment.employee_name ?? '');
await step1Form.actions.fillSerialNumber(
employment.summer_voucher_serial_number ?? ''
);
await step1Form.actions.clickFetchEmployeeDataButton();
await step1Form.expectations.isEmploymentFieldsEnabled();
await step1Form.expectations.isSsnFieldReadOnly();

if (expectedPreFill) {
await step1Form.expectations.isEmploymentFulfilledWith(expectedPreFill);
}

const {
employee_ssn,
target_group,
employee_home_city,
employee_postcode,
employee_phone_number,
employment_postcode,
employee_school,
employment_start_date,
employment_end_date,
employment_work_hours,
employment_description,
employment_salary_paid,
hired_without_voucher_assessment,
} = employment;

if (!expectedPreFill?.employee_ssn) {
await step1Form.actions.fillSsn(employee_ssn ?? '');
}
const targetGroupKey = target_group ?? 'secondary_target_group';
await step1Form.actions.selectTargetGroup(targetGroupKey);
await step1Form.actions.fillHomeCity(employee_home_city ?? '');
await step1Form.actions.fillPostcode(String(employee_postcode ?? ''));
await step1Form.actions.fillPhoneNumber(employee_phone_number ?? '');
await step1Form.actions.fillEmploymentPostcode(
String(employment_postcode ?? '')
);
await step1Form.actions.fillSchool(employee_school ?? '');

await step1Form.actions.addEmploymentContractAttachment([
'sample1.pdf',
'sample2.pdf',
'sample3.pdf',
'sample4.pdf',
'sample5.pdf',
]);

await step1Form.actions.addPayslipAttachments([
'sample6.pdf',
'sample7.pdf',
]);

await step1Form.actions.fillStartDate(
convertToUIDateFormat(employment_start_date)
);
await step1Form.actions.fillEndDate(
convertToUIDateFormat(employment_end_date)
);
await step1Form.actions.fillWorkHours(String(employment_work_hours ?? ''));
await step1Form.actions.fillDescription(employment_description ?? '');
await step1Form.actions.fillSalary(String(employment_salary_paid ?? ''));
await step1Form.actions.selectHiredWithoutVoucherAssessment(
hired_without_voucher_assessment ?? 'maybe'
);
}
};
export const fillStep2EmployeeForm = async (

export const fillStep1Form = async (
t: TestController,
employment: Employment,
index = 0
application: Application,
expectedPreFill?: {
employee_ssn?: string;
employee_phone_number?: string;
employee_postcode?: string | number;
employee_school?: string;
}
): Promise<void> => {
const step2 = getStep2Components(t);

const addButton = await step2.addEmploymentButton();
await addButton.actions.click();
const step2Employment = await step2.employmentAccordion(index);
await step2Employment.actions.fillEmployeeName(employment.employee_name);
await step2Employment.actions.fillSsn(employment.employee_ssn);
await step2Employment.actions.selectTargetGroup(employment.target_group);
await step2Employment.actions.fillHomeCity(employment.employee_home_city);
await step2Employment.actions.fillPostcode(employment.employee_postcode);
await step2Employment.actions.fillPhoneNumber(
employment.employee_phone_number
);
await step2Employment.actions.fillEmploymentPostcode(
employment.employment_postcode
);
await step2Employment.actions.fillSchool(employment.employee_school);
await step2Employment.actions.fillSerialNumber(
employment.summer_voucher_serial_number
);
await step2Employment.actions.removeExistingAttachments();
await step2Employment.actions.addEmploymentContractAttachment([
'sample1.pdf',
'sample2.pdf',
'sample3.pdf',
'sample4.pdf',
'sample5.pdf',
]);

await step2Employment.actions.addPayslipAttachments([
'sample6.pdf',
'sample7.pdf',
]);
await step2Employment.actions.fillStartDate(
convertToUIDateFormat(employment.employment_start_date)
);
await step2Employment.actions.fillEndDate(
convertToUIDateFormat(employment.employment_end_date)
);
await step2Employment.actions.fillWorkHours(employment.employment_work_hours);
await step2Employment.actions.fillDescription(
employment.employment_description
);
await step2Employment.actions.fillSalary(employment.employment_salary_paid);
await step2Employment.actions.selectHiredWithoutVoucherAssessment(
employment.hired_without_voucher_assessment
);
await step2Employment.actions.clickSaveEmployeeButton();
await fillEmployerDetails(t, application);
await fillEmploymentDetails(t, application, expectedPreFill);
};

export const loginAndfillApplication = async (
t: TestController,
toStep = 3
toStep = 2,
expectedPreFill?: {
employee_ssn?: string;
employee_phone_number?: string;
employee_postcode?: string | number;
employee_school?: string;
}
): Promise<UserAndApplicationData> => {
const urlUtils = getUrlUtils(t);
const suomiFiData = await doEmployerLogin(t);
const wizard = await getWizardComponents(t);
const applicationId =
await urlUtils.expectations.urlChangedToApplicationPage();
const application = fakeObjectFactory.fakeApplication(
suomiFiData?.company,
suomiFiData.company,
'fi',
applicationId
);
// if there is existing draft application on step 2 or 3, then move to step 1.

if (expectedPreFill && application.summer_vouchers.length > 0) {
application.summer_vouchers[0] = {
...application.summer_vouchers[0],
...expectedPreFill,
} as unknown as Employment;
}

// if there is existing draft application on step 2, then move to step 1.
await wizard.actions.clickGoToStep1Button();

if (toStep >= 1) {
if (isRealIntegrationsEnabled()) {
const companyTable = await getStep1Components(t).companyTable(
application.company
);
await companyTable.expectations.isCompanyDataPresent();
}
await fillStep1Form(t, application);
await wizard.actions.clickSaveAndContinueButton();
}
if (toStep >= 2) {
await removeStep2ExistingForms(t);
// eslint-disable-next-line no-plusplus
for (let i = 0; i < application.summer_vouchers.length; i++) {
const employment = application.summer_vouchers[i];
// eslint-disable-next-line no-await-in-loop
await fillStep2EmployeeForm(t, employment, i);
}
await fillStep1Form(t, application, expectedPreFill);
await wizard.actions.clickSaveAndContinueButton();
}
if (toStep === 3) {
const step3 = getStep3Components(t);
const employerSummary = await step3.summaryComponent();

if (toStep === 2) {
const step2 = getStep2Components(t);
const summary = await step2.summaryComponent();
if (isRealIntegrationsEnabled()) {
await employerSummary.expectations.isCompanyDataPresent(
application.company
);
await summary.expectations.isCompanyDataPresent(application.company);
}
await employerSummary.expectations.isFulFilledWith(application);
const step3Form = await step3.form();
await step3Form.actions.toggleAcceptTermsAndConditions();
await summary.expectations.isFulFilledWith(application);

const step2Form = await step2.form();
await step2Form.actions.toggleAcceptTermsAndConditions();
await wizard.actions.clickSendButton();
}
return { ...application, ...suomiFiData };
Expand Down
Loading
Loading