You can change the service name by editing the file \'/app/config.js\'.
' - -const startText = 'Click here to start' - -const linkText = `${startText}` - -describe('Link index page to start page', async () => { - before(() => { - waitForApplication() - copyFile(templateStartView, startView) - cy.task('replaceTextInFile', { - filename: indexView, - originalText: commentText, - newText: linkText - }) - waitForApplication() - }) - - after(() => { - cy.task('replaceTextInFile', { - filename: indexView, - originalText: linkText, - newText: commentText - }) - deleteFile(startView) - }) - - it('click start link', () => { - cy.get('a[href="/start"]').should('contains.text', startText).click() - cy.get('a[data-module="govuk-button"]') - .should('contains.text', 'Start') - }) -}) diff --git a/cypress/e2e/3-link-page-tests/link-page-utils.js b/cypress/e2e/3-link-page-tests/link-page-utils.js deleted file mode 100644 index 3fbc8d208..000000000 --- a/cypress/e2e/3-link-page-tests/link-page-utils.js +++ /dev/null @@ -1,130 +0,0 @@ -const path = require('path') -const { copyFile, deleteFile } = require('../utils') - -const templates = path.join(Cypress.env('docsFolder'), 'views', 'templates') -const startTemplate = path.join(templates, 'start.html') -const questionTemplate = path.join(templates, 'question.html') -const confirmationTemplate = path.join(templates, 'confirmation.html') -const contentTemplate = path.join(templates, 'content.html') - -const fixtures = path.join(Cypress.config('fixturesFolder')) - -const fixtureViews = path.join(fixtures, 'views') -const jugglingCheckAnswersFixtureView = path.join(fixtureViews, 'juggling-check-answers.html') - -const components = path.join(fixtures, 'components') -const jugglingBallsComponent = path.join(components, 'juggling-balls-component.html') -const jugglingTrickComponent = path.join(components, 'juggling-trick-component.html') -const jugglingBallsAnswerComponent = path.join(components, 'juggling-balls-route-component.js') - -const appViews = path.join(Cypress.env('projectFolder'), 'app', 'views') -const startView = path.join(appViews, 'start.html') -const jugglingBallsView = path.join(appViews, 'juggling-balls.html') -const jugglingTrickView = path.join(appViews, 'juggling-trick.html') -const checkAnswersView = path.join(appViews, 'check-answers.html') -const confirmationView = path.join(appViews, 'confirmation.html') -const ineligibleView = path.join(appViews, 'ineligible.html') - -const appRoutes = path.join(Cypress.env('projectFolder'), 'app', 'routes.js') -const backedUpRoutes = path.join(Cypress.env('tempFolder'), 'temp-routes.js') - -const appDataFile = path.join(Cypress.env('projectFolder'), 'app', 'data', 'session-data-defaults.js') - -const jugglingBallsPath = '/juggling-balls' -const jugglingTrickPath = '/juggling-trick' -const checkAnswersPath = '/check-answers' - -const jugglingBallsAnswerRoute = '/juggling-balls-answer' - -const defaultHowManyBalls = 'None - I cannot juggle' -const defaultMostImpressiveTrick = 'None - I cannot do tricks' - -const cleanUpPages = () => { - deleteFile(startView) - deleteFile(jugglingBallsView) - deleteFile(jugglingTrickView) - deleteFile(checkAnswersView) - deleteFile(confirmationView) -} - -const createQuestionView = (view, content, nextPath) => { - copyFile(questionTemplate, view) - cy.task('replaceMultipleTextInFile', { - filename: view, - list: [ - { originalText: '[See the GOV.UK Design System for examples]
', newText: '' }, - { originalText: '[Insert question content here]
', source: content }, - { originalText: '/url/of/next/page', newText: nextPath } - ] - }) -} - -const setUpPages = () => { - // Set up start view - copyFile(startTemplate, startView) - cy.task('replaceTextInFile', { filename: startView, originalText: ' { - cy.task('replaceTextInFile', { filename: appDataFile, originalText: '// Insert values here', newText: `"how-many-balls": "${defaultHowManyBalls}", "most-impressive-trick": "${defaultMostImpressiveTrick}"` }) -} - -const clearUpData = () => { - cy.task('replaceTextInFile', { filename: appDataFile, originalText: `"how-many-balls": "${defaultHowManyBalls}", "most-impressive-trick": "${defaultMostImpressiveTrick}"`, newText: '// Insert values here' }) -} - -const setUpBranchingPages = () => { - // Set up ineligible view - copyFile(contentTemplate, ineligibleView) - cy.task('replaceMultipleTextInFile', { - filename: ineligibleView, - list: [ - { originalText: 'Heading goes here', newText: 'Sorry, you are ineligible for juggling tricks' }, - { originalText: 'This is a paragraph of text. It explains in more detail what has happened and wraps across several lines.', newText: 'Keep practicing and when you can juggle 3 or more balls, you will be eligible for tricks.' }, - { originalText: 'Read more about this topic.
', newText: '' } - ] - }) - - // Update the juggling balls action - cy.task('replaceTextInFile', { filename: jugglingBallsView, originalText: jugglingTrickPath, newText: jugglingBallsAnswerRoute }) - - // Update routes with juggling balls answer component - cy.task('replaceTextInFile', { filename: appRoutes, originalText: '// Add your routes here', source: jugglingBallsAnswerComponent }) -} - -const cleanUpBranchingPages = () => { - deleteFile(ineligibleView) -} - -const backUpRoutes = () => { - copyFile(appRoutes, backedUpRoutes) -} - -const restoreRoutes = () => { - copyFile(backedUpRoutes, appRoutes) - deleteFile(backedUpRoutes) -} - -module.exports = { - setUpPages, - setUpBranchingPages, - setUpData, - cleanUpPages, - cleanUpBranchingPages, - clearUpData, - backUpRoutes, - restoreRoutes -} diff --git a/cypress/e2e/3-link-page-tests/simple-journey.cypress.js b/cypress/e2e/3-link-page-tests/simple-journey.cypress.js deleted file mode 100644 index 35f415042..000000000 --- a/cypress/e2e/3-link-page-tests/simple-journey.cypress.js +++ /dev/null @@ -1,52 +0,0 @@ - -const { waitForApplication } = require('../utils') -const { setUpPages, cleanUpPages } = require('./link-page-utils') - -const startPath = '/start' - -const howManyBalls = '3 or more' -const mostImpressiveTrick = 'Standing on my head' - -describe('Question journey', async () => { - before(() => { - waitForApplication() - cleanUpPages() - setUpPages() - waitForApplication() - }) - - after(() => { - cleanUpPages() - }) - - it('Happy path journey', () => { - // Visit start page and click start - cy.task('log', 'The start page should be displayed') - cy.visit(startPath) - cy.get('h1').should('contains.text', 'Service name goes here') - cy.get('a.govuk-button--start').click() - - // On Juggling balls page, click continue - cy.task('log', 'The juggling balls page should be displayed') - cy.get('h1').should('contains.text', 'How many balls can you juggle?') - cy.get(`input[value="${howManyBalls}"]`).check() - cy.get('button.govuk-button').should('contains.text', 'Continue').click() - - // On Juggling trick page, click continue - cy.task('log', 'The juggling trick page should be displayed') - cy.get('h1').should('contains.text', 'What is your most impressive juggling trick?') - cy.get('textarea#most-impressive-trick').type(mostImpressiveTrick) - cy.get('button.govuk-button').should('contains.text', 'Continue').click() - - // On Check answers page, click accept and send - cy.task('log', 'The check answers page should be displayed') - cy.get('h1').should('contains.text', 'Check your answers before sending your application') - cy.get('.govuk-summary-list__value:first').should('contains.text', howManyBalls) - cy.get('.govuk-summary-list__value:last').should('contains.text', mostImpressiveTrick) - cy.get('button.govuk-button').should('contains.text', 'Accept and send').click() - - // Confirmation page should be displayed correctly - cy.task('log', 'The confirmation page should be displayed') - cy.get('h1.govuk-panel__title').should('contains.text', 'Application complete') - }) -}) diff --git a/cypress/e2e/4-step-by-step-tests/step-by-step-journey.cypress.js b/cypress/e2e/4-step-by-step-tests/step-by-step-journey.cypress.js deleted file mode 100644 index 1930c03a6..000000000 --- a/cypress/e2e/4-step-by-step-tests/step-by-step-journey.cypress.js +++ /dev/null @@ -1,99 +0,0 @@ -import path from 'path' -import { deleteFile } from '../utils' - -const { waitForApplication, copyFile } = require('../utils') - -const projectFolder = Cypress.env('projectFolder') - -const appViews = path.join(projectFolder, 'app', 'views') - -const showHideAllLinkQuery = '.app-step-nav__controls button' -const toggleButtonQuery = (step) => `[data-position="${step}"]` -const showHideLinkQuery = (step) => `[data-position="${step}"]` -const panelQuery = (step) => `[data-position="${step}.1"]` -const titleQuery = (step) => `[data-position="${step}"] .js-step-title-text` - -const assertVisible = (step) => { - cy.get(showHideLinkQuery(step)).should('contains.text', 'Hide') - cy.get(panelQuery(step)).should('be.visible') -} - -const assertHidden = (step) => { - cy.get(panelQuery(step)).should('not.be.visible') - cy.get(showHideLinkQuery(step)).should('contains.text', 'Show') -} - -const stepByStepTestData = [{ - name: 'step-by-step-navigation', - heading: 'Learn to drive a car: step by step', - title1: 'Check you\'re allowed to drive', - title2: 'Get a provisional licence' -}, { - name: 'start-with-step-by-step', - heading: 'Check what age you can drive', - title1: 'Check you\'re allowed to drive', - title2: 'Get a provisional licence' -}] - -stepByStepTestData.forEach(({ name, heading, title1, title2 }) => { - const stepByStepTemplateView = path.join(Cypress.env('docsFolder'), 'views', 'templates', `${name}.html`) - const stepByStepView = path.join(appViews, `${name}.html`) - const stepByStepPath = `/${name}` - - describe(`${name} journey`, async () => { - before(() => { - waitForApplication() - copyFile(stepByStepTemplateView, stepByStepView) - waitForApplication() - cy.visit(stepByStepPath) - cy.get('h1').should('contains.text', heading) - }) - - after(() => { - deleteFile(stepByStepView) - }) - - it('renders ok', () => { - cy.get(titleQuery(1)).should('contain.text', title1) - cy.get(titleQuery(2)).should('contain.text', title2) - assertHidden(1) - assertHidden(2) - }) - - it('toggle step 1', () => { - // click toggle button and check that only step 1 details are visible - cy.get(toggleButtonQuery(1)).click() - assertVisible(1) - assertHidden(2) - - // click toggle button and check that only both steps are hidden - cy.get(toggleButtonQuery(1)).click() - assertHidden(1) - assertHidden(2) - }) - - it('toggle step 2', () => { - // click toggle button and check that only step 1 details are visible - cy.get(toggleButtonQuery(2)).click() - assertHidden(1) - assertVisible(2) - - // click toggle button and check that only both steps are hidden - cy.get(toggleButtonQuery(2)).click() - assertHidden(1) - assertHidden(2) - }) - - it('toggle all steps', () => { - // click toggle button and check that all steps details are visible - cy.get(showHideAllLinkQuery).should('contains.text', 'Show all').click() - assertVisible(1) - assertVisible(2) - - // click toggle button and check that all steps details are hidden - cy.get(showHideAllLinkQuery).should('contains.text', 'Hide all').click() - assertHidden(1) - assertHidden(2) - }) - }) -}) diff --git a/cypress/e2e/utils.js b/cypress/e2e/utils.js deleted file mode 100644 index 77181728d..000000000 --- a/cypress/e2e/utils.js +++ /dev/null @@ -1,26 +0,0 @@ -const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms)) - -const waitForApplication = async () => { - cy.task('log', 'Waiting for app to restart and load home page') - cy.task('waitUntilAppRestarts') - cy.visit('/index') - cy.get('h1.govuk-heading-xl') - .should('contains.text', 'Prototype your service using GOV.UK Prototype Kit') -} - -const copyFile = (source, target) => { - cy.task('log', `Copy ${source} to ${target}`) - cy.task('copyFile', { source, target }) -} - -const deleteFile = (filename) => { - cy.task('log', `Delete ${filename}`) - cy.task('deleteFile', { filename }) -} - -module.exports = { - sleep, - waitForApplication, - copyFile, - deleteFile -} diff --git a/cypress/fixtures/components/juggling-balls-component.html b/cypress/fixtures/components/juggling-balls-component.html deleted file mode 100644 index 91e0ff902..000000000 --- a/cypress/fixtures/components/juggling-balls-component.html +++ /dev/null @@ -1,30 +0,0 @@ -{% from "govuk/components/radios/macro.njk" import govukRadios %} - -{{ govukRadios({ - idPrefix: "how-many-balls", - name: "how-many-balls", - fieldset: { - legend: { - text: "How many balls can you juggle?", - isPageHeading: true, - classes: "govuk-fieldset__legend--l" - } - }, - items: [ - { - value: "3 or more", - text: "3 or more", - checked: checked("how-many-balls", "3 or more") - }, - { - value: "1 or 2", - text: "1 or 2", - checked: checked("how-many-balls", "1 or 2") - }, - { - value: "None - I cannot juggle", - text: "None - I cannot juggle", - checked: checked("how-many-balls", "None - I cannot juggle") - } - ] -}) }} \ No newline at end of file diff --git a/cypress/fixtures/components/juggling-balls-route-component.js b/cypress/fixtures/components/juggling-balls-route-component.js deleted file mode 100644 index 995bc3775..000000000 --- a/cypress/fixtures/components/juggling-balls-route-component.js +++ /dev/null @@ -1,15 +0,0 @@ -// Run this code when a form is submitted to 'juggling-balls-answer' -// eslint-disable-next-line -router.post('/juggling-balls-answer', function (req, res) { - // Make a variable and give it the value from 'how-many-balls' - const howManyBalls = req.session.data['how-many-balls'] - - // Check whether the variable matches a condition - if (howManyBalls === '3 or more') { - // Send user to next page - res.redirect('/juggling-trick') - } else { - // Send user to ineligible page - res.redirect('/ineligible') - } -}) diff --git a/cypress/fixtures/components/juggling-trick-component.html b/cypress/fixtures/components/juggling-trick-component.html deleted file mode 100644 index 4cf7ec55e..000000000 --- a/cypress/fixtures/components/juggling-trick-component.html +++ /dev/null @@ -1,12 +0,0 @@ -{% from "govuk/components/textarea/macro.njk" import govukTextarea %} - -{{ govukTextarea({ - name: "most-impressive-trick", - id: "most-impressive-trick", - value: data["most-impressive-trick"], - label: { - text: "What is your most impressive juggling trick?", - classes: "govuk-label--l", - isPageHeading: true - } -}) }} \ No newline at end of file diff --git a/cypress/fixtures/custom-styles.html b/cypress/fixtures/custom-styles.html deleted file mode 100644 index 40eeda20f..000000000 --- a/cypress/fixtures/custom-styles.html +++ /dev/null @@ -1,30 +0,0 @@ -{% extends "layout.html" %} - -{% block head %} - {{ super() }} - -{% endblock head %} - -{% block pageTitle %} - Custom styles – {{ serviceName }} – GOV.UK Prototype Kit -{% endblock %} - -{% block beforeContent %} - Back -{% endblock %} - -{% block content %} - -This is a paragraph of text. It has a custom style.
- -By submitting this application you are confirming that, to the best of your knowledge, the details you are providing are correct.
- - - -
-
-