Skip to content
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

Rename file and add internal use form test #24

Merged
merged 4 commits into from
Jan 2, 2025
Merged

Rename file and add internal use form test #24

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
bf631d2
Tests for Form Editor
crystalkirscht Dec 10, 2024
cfb933a
All tests are working
crystalkirscht Dec 12, 2024
edb90e1
Added random number to form name and description
crystalkirscht Dec 12, 2024
0153eef
updated to include test for internal use form and renamed file
crystalkirscht Dec 18, 2024
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
114 changes: 114 additions & 0 deletions end2end/tests/lifecycleFormEditor.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
import { test, expect } from '@playwright/test';

test.describe.configure({ mode: 'serial' });

// Generate unique text to help ensure that fields are being filled correctly.
let randNum = Math.random();
let uniqueText = `New Form ${randNum}`;

test('Create New Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('button', { name: 'Create Form' }).click();
await page.getByLabel('Form Name (up to 50').fill(uniqueText);
await page.getByLabel('Form Name (up to 50').press('Tab');
await page.getByLabel('Form Description (up to 255').fill(uniqueText + ' Description');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.getByLabel('Form name')).toHaveValue(uniqueText);
await expect(page.getByLabel('Form description')).toHaveValue(uniqueText + ' Description');
await page.getByRole('link', { name: 'Form Browser' }).click();
await expect(page.getByRole('link', { name: uniqueText })).toBeVisible();
});

test('Add Section to Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await page.getByLabel('Add Section').click();
await page.getByLabel('Section Heading').click();
await page.getByLabel('Section Heading').fill(uniqueText + ' Section');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.getByLabel('Section Heading')).toHaveText(uniqueText + ' Section');
});

test('Add Question to Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await page.getByLabel('Add Question to Section').click();
await page.getByLabel('Field Name').click();
await page.getByLabel('Field Name').fill('Are you a VA Employee?');
await page.getByLabel('Short label for spreadsheet').click();
await page.getByLabel('Short label for spreadsheet').fill('VA Employee?');
await page.getByLabel('Input Format').selectOption('radio');
await page.getByLabel('Options (One option per line)').click();
await page.getByLabel('Options (One option per line)').fill('Yes\nNo');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.getByText('Are you a VA Employee?')).toBeVisible();
});

test('Add Sub-Question to Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await page.getByLabel('add sub-question').click();
await page.getByLabel('Field Name').fill('Supervisor Name');
await page.getByLabel('Short label for spreadsheet').click();
await page.getByLabel('Short label for spreadsheet').fill('Supervisor');
await page.getByLabel('Input Format').selectOption('text');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.getByText('Supervisor Name')).toBeVisible();
});

test('Create Pre-Filled If/Then Question', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await page.getByText('Modify Logic').last().click();
await page.getByLabel('New Condition').click();
await page.getByLabel('Select an outcome').selectOption('pre-fill');

// Make selectOption more readable
let optionToSelect = await page.locator('option', {hasText: 'Are you a VA Employee?'}).textContent();

// remove trailing space
const optionToSelectNoSpace = optionToSelect?.trim();
await page.getByTitle('select controller question').selectOption({label: optionToSelectNoSpace});
await page.getByLabel('select condition').selectOption('==');
await page.getByLabel('select a value').selectOption('Yes');
await page.getByLabel('Enter a pre-fill value').click();
await page.getByLabel('Enter a pre-fill value').fill('Jane Doe');
await page.getByText('Close').focus();
await expect(page.locator('#condition_editor_inputs')).toContainText('THEN \'Supervisor Name\' will have the value \'Jane Doe\'');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.getByLabel('Conditions For Supervisor').getByRole('listitem')).toContainText('If \'Are you a VA Employee?\' is Yes then pre-fill this question.');
await page.getByText('Close').click();
})

test('Add Internal Use Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await page.getByLabel('Workflow: No Workflow. Users').selectOption('1');
await page.getByRole('button', { name: 'Add Internal-Use' }).click();
await page.getByLabel('Form Name (up to 50').fill('My Internal Form');
await page.getByLabel('Form Description (up to 255').click();
await page.getByLabel('Form Description (up to 255').fill('My Internal Form Description');
await page.getByRole('button', { name: 'Save' }).click();
await expect(page.locator(".internal_forms")).toContainText('My Internal Form');

// Check form is available to the workflow (should this be a separate test?)
await page.getByLabel(uniqueText + ', main form').click();
const page1Promise = page.waitForEvent('popup');
await page.getByRole('link', { name: 'View Workflow' }).click();
const page1 = await page1Promise;
await page1.getByLabel('workflow step: Step 2').click();

// Confirm Form Field drop down contains the new Internal Form
let optionArray = page1.getByLabel('Form Field:');
await expect(page1.getByLabel('Form Field:')).toContainText(uniqueText + ': ' + uniqueText + ' Section');
});

test('Delete Form', async ({ page }) => {
await page.goto('https://host.docker.internal/Test_Request_Portal/admin/?a=form_vue#/');
await page.getByRole('link', { name: uniqueText }).click();
await expect(page.getByRole('heading', { name: 'Admin  Form Browser  Form' })).toBeVisible();
await page.getByLabel('delete this form').click();
await page.getByRole('button', { name: 'Yes' }).click();
await expect(page.locator('#createFormButton')).toContainText('Create Form');
await expect(page.getByRole('link', { name: uniqueText })).not.toBeVisible();
});
Loading