PLANET-7191: Fix search action and content toggles (#2110)

Ref: https://jira.greenpeace.org/browse/PLANET-7191
greenpeace · Sep 1, 2023 · 2148ed1 · 2148ed1
1 parent 74f3fbb
commit 2148ed1
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/templates/search.twig b/templates/search.twig
@@ -259,10 +259,10 @@
                             {% endif %}
                             {% if ( action_types|length > 0 ) %}
                                 <div class="filteritem">
-                                    <a data-bs-toggle="collapse" href="#item-content" class="{{ collapsed }}" aria-expanded="{{ expanded }}">
+                                    <a data-bs-toggle="collapse" href="#item-action" class="{{ collapsed }}" aria-expanded="{{ expanded }}">
                                         {{ __( 'Action Type', 'planet4-master-theme' ) }} <span></span>
                                     </a>
-                                    <div id="item-content" class="collapse {{ show }}" role="tabpanel">
+                                    <div id="item-action" class="collapse {{ show }}" role="tabpanel">
                                         <ul class="list-unstyled">
                                             {% for id, action_type in action_types %}
                                                 {% if ( action_type.results > 0 ) %}

diff --git a/tests/e2e/tickets/PLANET-7191/PLANET-7191.test.js b/tests/e2e/tickets/PLANET-7191/PLANET-7191.test.js
@@ -0,0 +1,29 @@
+import {test, expect} from '../../tools/lib/test-utils.js';
+
+test('check search filters toggles', async ({page}) => {
+  await page.goto('./?s=');
+
+  const actionLink = await page.getByRole('link', {name: 'Action Type'});
+  const contentLink = await page.getByRole('link', {name: 'Content Type'});
+  const actionList = await page.locator('.filteritem').filter({has: actionLink}).getByRole('tabpanel');
+  const contentList = await page.locator('.filteritem').filter({has: contentLink}).getByRole('tabpanel');
+
+  await expect(actionList).toBeVisible();
+  await expect(contentList).toBeVisible();
+
+  await actionLink.click();
+  await expect(actionList).toBeHidden();
+  await expect(contentList).toBeVisible();
+
+  await contentLink.click();
+  await expect(actionList).toBeHidden();
+  await expect(contentList).toBeHidden();
+
+  await contentLink.click();
+  await expect(actionList).toBeHidden();
+  await expect(contentList).toBeVisible();
+
+  await actionLink.click();
+  await expect(actionList).toBeVisible();
+  await expect(contentList).toBeVisible();
+});