work for the #6164 (markup tests)

surveyjs · May 17, 2023 · 134845a · 134845a
1 parent d4b870e
commit 134845a
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 1 deletion.
diff --git a/tests/markup/etalon_dropdown.ts b/tests/markup/etalon_dropdown.ts
@@ -1,4 +1,4 @@
-import { _setIsTouch } from "survey-core";
+import { _setIsTouch, Question } from "survey-core";
 import { registerMarkupTests } from "./helper";
 
 registerMarkupTests(
@@ -311,5 +311,29 @@ registerMarkupTests(
       timeout: 300,
       snapshot: "dropdown-input-string",
     },
+    {
+      name: "Test dropdown aria-expanded",
+      json: {
+        questions: [
+          {
+            "type": "dropdown",
+            "name": "name",
+            "title": "Question title",
+            "choices": [
+              "item1",
+              "item2",
+              "item3"
+            ],
+            titleLocation: "hidden"
+          }
+        ]
+      },
+      before: () => { Question["questionCounter"] = 100; },
+      initSurvey: (survey) => {
+        const dropdown = survey.getQuestionByName("name");
+        dropdown.popupModel.isVisible = true;
+      },
+      snapshot: "dropdown-aria-expanded"
+    }
   ]
 );
diff --git a/tests/markup/snapshots/dropdown-aria-expanded.snap.html b/tests/markup/snapshots/dropdown-aria-expanded.snap.html
@@ -0,0 +1,19 @@
+<div>
+	<div class="sv_select_wrapper">
+					<div aria-controls="testid0i_list" aria-expanded="true" aria-invalid="false" aria-label="Question title" aria-required="false" class="sv_q_dropdown_control" id="testid0i" role="combobox">
+									<div class="sv_q_dropdown__value">
+													<input aria-controls="testid0i_list" aria-expanded="true" aria-label="Select..." autocomplete="off" class="sv_q_dropdown__filter-string-input" id="testid0i_0" inputmode="text" placeholder="Select..." role="combobox" type="text">
+									</div>
+									<div class="sv_q_dropdown_clean-button" style="display:none;">
+													<svg aria-label="Clear" class="sv_q_dropdown_clean-button-svg sv-svg-icon" role="img">
+																	<use xlink:href="#icon-clear_16x16" class="">
+																	</use>
+																	<title class="">Clear</title>
+													</svg>
+									</div>
+					</div>
+					<div>
+					</div>
+	</div>
+</div>
+