diff --git a/e2e/davinci-app/components/object-value.ts b/e2e/davinci-app/components/object-value.ts index 77e964d765..00593711eb 100644 --- a/e2e/davinci-app/components/object-value.ts +++ b/e2e/davinci-app/components/object-value.ts @@ -62,15 +62,17 @@ export default function objectValueComponent( formEl.appendChild(buttonEl); } } else { + const inputId = `phone-number-input-${collector.output.key}`; + const phoneLabel = document.createElement('label'); phoneLabel.textContent = collector.output.label || 'Phone Number'; phoneLabel.className = 'object-options-title'; - phoneLabel.setAttribute('for', 'phone-number-input'); + phoneLabel.setAttribute('for', inputId); const phoneInput = document.createElement('input'); phoneInput.setAttribute('type', 'tel'); - phoneInput.setAttribute('id', 'phone-number-input'); - phoneInput.setAttribute('name', 'phone-number-input'); + phoneInput.setAttribute('id', inputId); + phoneInput.setAttribute('name', inputId); phoneInput.setAttribute('placeholder', 'Enter phone number'); // Add change event listener diff --git a/e2e/davinci-suites/src/form-fields.test.ts b/e2e/davinci-suites/src/form-fields.test.ts index 0ad89d3e21..2fa731132e 100644 --- a/e2e/davinci-suites/src/form-fields.test.ts +++ b/e2e/davinci-suites/src/form-fields.test.ts @@ -31,7 +31,7 @@ test('Should render form fields', async ({ page }) => { await page.locator('#combobox-field-key-3').check(); await page.locator('#combobox-field-key-2').uncheck(); - await page.locator('#phone-number-input').fill('1234567890'); + await page.getByLabel('Phone', { exact: true }).fill('1234567890'); await expect(page.getByRole('button', { name: 'Flow Button' })).toBeVisible(); await expect(page.getByRole('button', { name: 'Flow Link' })).toBeVisible(); @@ -53,9 +53,13 @@ test('Should render form fields', async ({ page }) => { 'radio-group-key': 'option2 value', 'combobox-field-key': ['option1 value', 'option3 value'], 'phone-field': { - phoneNumber: '1234567890', + phoneNumber: '(555)555-1234', countryCode: 'GB', }, + 'phone-field1': { + phoneNumber: '1234567890', + countryCode: 'CR', + }, }); });