PP-14616 transactions list view cypress tests (#4852)

- Cypress tests for transactions list view
- Includes pagination, search/filtering and CSV download

Author: ralphm10

.secrets.baseline

@@ -278,42 +278,42 @@
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "8a764e7de8baf91c09a0141c9d0653d6c62300fa",
         "is_verified": false,
-        "line_number": 136
+        "line_number": 140
       },
       {
         "type": "Base64 High Entropy String",
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "c15bfbed4cf339878d4c69339491df034b592627",
         "is_verified": false,
-        "line_number": 142
+        "line_number": 146
       },
       {
         "type": "Base64 High Entropy String",
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "09ea33e2341efbf111c4eb12a709ae94c96a7e51",
         "is_verified": false,
-        "line_number": 150
+        "line_number": 154
       },
       {
         "type": "Base64 High Entropy String",
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "d9d993cc5556aa0fa6e18b26fdfd4fa8527db044",
         "is_verified": false,
-        "line_number": 155
+        "line_number": 159
       },
       {
         "type": "Base64 High Entropy String",
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "ce50854e96f8dd430451450f2e7334e4b48db7f0",
         "is_verified": false,
-        "line_number": 160
+        "line_number": 164
       },
       {
         "type": "Base64 High Entropy String",
         "filename": "src/views/simplified-account/transactions/index.njk",
         "hashed_secret": "34f47d2f3c482850fd7f6de8564a8aa73afe87bc",
         "is_verified": false,
-        "line_number": 165
+        "line_number": 169
       }
     ],
     "src/views/transactions/index.njk": [
@@ -794,5 +794,5 @@
       }
     ]
   },
-  "generated_at": "2026-03-03T13:42:18Z"
+  "generated_at": "2026-03-05T12:26:11Z"
 }

src/controllers/simplified-account/services/transactions/transaction-list.controller.ts

@@ -13,6 +13,8 @@ import {
   WorldpayStatusFilters,
 } from '@utils/simplified-account/services/transactions/status-filters'
 
+const LEDGER_TRANSACTION_COUNT_LIMIT = 5000
+
 const getUrlGenerator = (filters: Record<string, string>, transactionsUrl: string) => {
   const getPath = (pageNumber: number) => {
     const params = new URLSearchParams(filters)
@@ -69,6 +71,10 @@ async function get(req: ServiceRequest, res: ServiceResponse) {
   )
   const downloadQueryString = transactionSearchParams.getQueryParams().toString()
   const downloadLink = downloadQueryString.length ? `${downloadUrl}?${downloadQueryString}` : downloadUrl
+  const transactionCountWithinRange = results.total > 0 && results.total <= LEDGER_TRANSACTION_COUNT_LIMIT
+  const hasQueryParams = transactionSearchParams.getQueryParams().toString().length
+  const showCsvDownload =
+    transactionCountWithinRange || (hasQueryParams && results.total > LEDGER_TRANSACTION_COUNT_LIMIT)
 
   return response(req, res, 'simplified-account/transactions/index', {
     results,
@@ -80,6 +86,7 @@ async function get(req: ServiceRequest, res: ServiceResponse) {
     cardBrands: [{ value: '', text: 'Any' }, ...cardBrands],
     statuses: eventStates,
     downloadLink,
+    showCsvDownload,
   })
 }
 

src/models/transaction/TransactionDisplayValues.class.ts

@@ -23,6 +23,14 @@ export class TransactionDisplayValues {
   }
 
   get netAmount(): string {
+    if (this.isRefund && this.transaction.state.status === Status.SUCCESS) {
+      return penceToPoundsWithCurrency(-this.transaction.amount)
+    }
+
+    if (this.isDispute && this.transaction.state.status === Status.LOST) {
+      return penceToPoundsWithCurrency(-this.transaction.netAmount!)
+    }
+
     return this.transaction.netAmount ? penceToPoundsWithCurrency(this.transaction.netAmount) : ''
   }
 

src/views/simplified-account/transactions/index.njk

@@ -3,7 +3,7 @@
 {% set fullWidth = true %}
 
 {% block pageTitle %}
-  Transactions - {{ currentService.name }} {{ currentGatewayAccount.full_type }} - GOV.UK Pay
+  Transactions - {{ currentService.name }} - GOV.UK Pay
 {% endblock %}
 
 {% block beforeContent %}
@@ -83,13 +83,17 @@
     </form>
     <hr class="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
 
-    {{
-      govukButton({
-        text: "Download CSV",
-        classes: "govuk-button--secondary",
-        href: downloadLink
-      })
-    }}
+    {% if (showCsvDownload) %}
+      {{
+        govukButton({
+          text: "Download CSV",
+          classes: "govuk-button--secondary",
+          href: downloadLink
+        })
+      }}
+    {% elif (results.transactions.length) %}
+      <p id="csv-download" class="govuk-body">Filter results to download a CSV of transactions</p>
+    {% endif %}
 
     {% if isBST %}
       <details class="govuk-details">

src/views/simplified-account/transactions/macro/_stripe-transaction-row.njk

@@ -35,7 +35,7 @@
       {{ transaction.cardDetails.cardBrand }}
     </td>
     <td class="govuk-table__cell govuk-!-font-size-16 state vertical-align-middle">
-      {{ transaction.formattedStatus }}
+      {{ transaction._locals.formatted.status }}
     </td>
     <td
       style="text-align: left"

src/views/simplified-account/transactions/macro/_worldpay-transaction-row.njk

@@ -19,10 +19,10 @@
     >
     <td class="govuk-table__cell amount govuk-!-font-size-16 vertical-align-middle" id="amount">
       {%- if transaction.totalAmount and transaction.corporateCardSurcharge -%}
-        {{ transaction._locals.formatted.signedAmount }}
+        {{ transaction._locals.formatted.totalAmount }}
         <span class="govuk-!-display-block govuk-!-font-size-16">(with card fee)</span>
       {%- else -%}
-        <span style="white-space: pre">{{ transaction._locals.formatted.amount }}</span>
+        <span style="white-space: pre">{{ transaction._locals.formatted.signedAmount }}</span>
       {%- endif -%}
     </td>
     <td class="govuk-table__cell govuk-!-font-size-16 brand vertical-align-middle">