adds invoices dates

e2e/transaction-edit.spec.ts

@@ -281,3 +281,53 @@ test.describe('Transaction Edit Validation', () => {
     expect(parseFloat(value)).toBeCloseTo(50.0, 1);
   });
 });
+
+async function openEditModalForTransaction(page: any, description: string) {
+  // Navigate to transactions page
+  await page.goto('/transaction2');
+
+  // Wait for the table to load
+  await page.waitForSelector('table tbody tr');
+
+  // Find the row with the specific description and click its edit button
+  const row = page.locator('table tbody tr', { hasText: description }).first();
+  const editButton = row.locator('button[hx-get*="/transaction2/"][hx-get*="/edit"]').first();
+  await editButton.click();
+
+  // Wait for the modal to open
+  await page.waitForSelector('#modal-holder[x-show="open"]', { state: 'visible' });
+  await page.waitForSelector('#wizardmodal');
+
+  // Click Next to go to the links step (button says "Transaction Actions")
+  await page.click('button:has-text("Transaction Actions")');
+
+  // Wait for the links step to load
+  await page.waitForSelector('text=Transaction Actions', { state: 'visible' });
+}
+
+test.describe('Transaction Link Date Display', () => {
+  test('should show payment date when linking to payment', async ({ page }) => {
+    await openEditModalForTransaction(page, 'Transaction for payment link');
+
+    // Click on "Link to payment" tab
+    await page.click('button:has-text("Link to payment")');
+    await page.waitForTimeout(500);
+
+    // Verify the payment option shows the date
+    await expect(page.locator('#payment-matches')).toContainText('Available Payments');
+    await expect(page.locator('#payment-matches')).toContainText('06/14/2023');
+  });
+
+  test('should show invoice date when linking to unpaid invoice', async ({ page }) => {
+    await openEditModalForTransaction(page, 'Transaction for unpaid invoice link');
+
+    // Click on "Link to unpaid invoices" tab
+    await page.click('button:has-text("Link to unpaid invoices")');
+    await page.waitForTimeout(500);
+
+    // Verify the invoice option shows the date
+    await expect(page.locator('text=Available Unpaid Invoices')).toBeVisible();
+    await expect(page.locator('text=UNPAID-001')).toBeVisible();
+    await expect(page.locator('text=07/19/2023')).toBeVisible();
+  });
+});