From b142f3138cc9fb968de16816f27b67654768d6c2 Mon Sep 17 00:00:00 2001
From: Pengoose <pengoose_dev@naver.com>
Date: Sun, 15 Dec 2024 01:58:17 +0900
Subject: [PATCH] test: add regression test(multiple aria-errormessage
 references)

---
 tests/page/expect-misc.spec.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/tests/page/expect-misc.spec.ts b/tests/page/expect-misc.spec.ts
index c5e507938d..a137e2f2a9 100644
--- a/tests/page/expect-misc.spec.ts
+++ b/tests/page/expect-misc.spec.ts
@@ -510,6 +510,24 @@ test('toHaveAccessibleErrorMessage', async ({ page }) => {
   await expect(locator).not.toHaveAccessibleErrorMessage('This should not be considered.');
 });
 
+test('toHaveAccessibleErrorMessage should handle multiple aria-errormessage references', async ({ page }) => {
+  await page.setContent(`
+    <form>
+      <input id="user-input" aria-invalid="true" aria-errormessage="error1 error2" />
+      <div id="error1">First error message.</div>
+      <div id="error2">Second error message.</div>
+      <div id="irrelevant-error">This should not be considered.</div>
+    </form>
+  `);
+
+  const input = page.locator('#user-input');
+
+  await expect(input).toHaveAccessibleErrorMessage('First error message. Second error message.');
+  await expect(input).toHaveAccessibleErrorMessage(/first error message./i);
+  await expect(input).toHaveAccessibleErrorMessage(/second error message./i);
+  await expect(input).not.toHaveAccessibleErrorMessage(/This should not be considered./i);
+});
+
 test.describe('toHaveAccessibleErrorMessage should handle aria-invalid attribute', () => {
   const errorMessageText = 'Error message';