Test date of birth question structure

Author: Themitchell

lung_cancer_screening/assets/sass/components/_button.scss

@@ -0,0 +1,21 @@
+.app-button--link {
+  @include nhsuk-link-style-default;
+
+  & {
+    display: inline;
+    align-items: normal;
+    text-align: left;
+    font-size: inherit;
+    -webkit-appearance: none;
+    appearance: none;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    text-decoration: underline;
+    padding: 0;
+  }
+}
+
+.nhsuk-form-group .app-button--link {
+  display: block;
+}

lung_cancer_screening/assets/sass/main.scss

@@ -1,2 +1,5 @@
 // Import NHS.UK frontend library
 @import "nhsuk-frontend/packages/nhsuk";
+
+// Components that are not in the NHS.UK frontend library
+// @import "components/button";

lung_cancer_screening/core/jinja2/home/index.jinja

@@ -0,0 +1,44 @@
+import os
+from django.contrib.staticfiles.testing import StaticLiveServerTestCase
+from playwright.sync_api import sync_playwright, expect
+
+
+class TestQuestionnaire(StaticLiveServerTestCase):
+
+    @classmethod
+    def setUpClass(cls):
+        os.environ["DJANGO_ALLOW_ASYNC_UNSAFE"] = "true"
+        super().setUpClass()
+        cls.playwright = sync_playwright().start()
+        cls.browser = cls.playwright.chromium.launch()
+
+    @classmethod
+    def tearDownClass(cls):
+        super().tearDownClass()
+        cls.browser.close()
+        cls.playwright.stop()
+
+    def test_full_questionaire_user_journey(self):
+        participant_id = '123'
+
+        page = self.browser.new_page()
+        page.goto(f"{self.live_server_url}/start")
+
+        page.fill("input[name='participant_id']", participant_id)
+
+        page.click('text=Start now')
+
+        expect(page).to_have_url(f"{self.live_server_url}/date-of-birth")
+
+        expect(page.locator("legend")).to_have_text(
+            "What is your date of birth?")
+
+        page.fill("input[name='day']", "8")
+        page.fill("input[name='month']", "9")
+        page.fill("input[name='year']", "2000")
+
+        page.click("text=Continue")
+
+        expect(page).to_have_url(f"{self.live_server_url}/responses")
+
+        expect(page.locator(".responses")).to_have_text("2000-09-08")

lung_cancer_screening/core/tests/acceptance/test_homepage.py

@@ -0,0 +1,46 @@
+{% extends 'layout.jinja' %}
+
+{% from 'date-input/macro.jinja' import dateInput %}
+{% from 'button/macro.jinja' import button %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <form action="{{ request.path }}" method="POST">
+        {{ csrf_input }}
+        {{ dateInput({
+          "fieldset": {
+            "legend": {
+              "text": "What is your date of birth?",
+              "classes": "nhsuk-label--l",
+              "isPageHeading": true
+            }
+          },
+          "hint": {
+            "text": "For example, 15 3 1984"
+          },
+          "items": [
+            {
+              "name": "day",
+              "classes": "nhsuk-input--width-2"
+            },
+            {
+              "name": "month",
+              "classes": "nhsuk-input--width-2"
+            },
+            {
+              "name": "year",
+              "classes": "nhsuk-input--width-4"
+            }
+          ]
+        }) }}
+
+        <input type="hidden" name="participant_id" value="{{ participant_id }}">
+
+        {{ button({
+          "text": "Continue"
+        }) }}
+      </form>
+    </div>
+  </div>
+{% endblock %}

lung_cancer_screening/core/tests/acceptance/test_questionnaire.py

@@ -0,0 +1,15 @@
+{% extends 'layout.jinja' %}
+
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <h1 class="nhsuk-heading-l">Responses</h1>
+      <ul class="responses">
+        {% for questionnaire_response in questionnaire_responses %}
+          <li>{{ questionnaire_response.value }}</li>
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
+{% endblock %}

lung_cancer_screening/questions/__init__.py

@@ -0,0 +1,25 @@
+{% extends 'layout.jinja' %}
+{% from 'button/macro.jinja' import button %}
+{% from 'input/macro.jinja' import input %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <form action="{{ request.path }}" method="POST">
+        {{ csrf_input }}
+
+        {{ input({
+          "label": {
+            "text": "Enter your unique participant ID"
+          },
+          "id": "participant_id",
+          "name": "participant_id"
+        }) }}
+
+        {{ button({
+            "text": "Start now"
+        }) }}
+      </form>
+    </div>
+  </div>
+{% endblock %}

lung_cancer_screening/questions/jinja2/date_of_birth.jinja

@@ -0,0 +1,34 @@
+# Generated by Django 5.2.4 on 2025-09-03 11:05
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Participant',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('unique_id', models.CharField(max_length=255, unique=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='QuestionnaireResponse',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('value', models.DateField()),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('participant', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='questions.participant')),
+            ],
+        ),
+    ]