CIF-2272 - Cannot close category filter accordion once it is open

ui.tests/test-module/specs/venia/productcollection.js

@@ -0,0 +1,73 @@
+/*
+ *  Copyright 2021 Adobe Systems Incorporated
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+const config = require('../../lib/config');
+const { OnboardingDialogHandler } = require('../../lib/commons');
+
+describe('Product Collection Component', function () {
+    let onboardingHdler;
+
+    before(() => {
+        // Set window size to desktop
+        browser.setWindowSize(1280, 960);
+
+        // AEM Login
+        browser.AEMForceLogout();
+        browser.url(config.aem.author.base_url);
+        browser.AEMLogin(config.aem.author.username, config.aem.author.password);
+
+        // Setup GraphQL client if running on CircleCI
+        if (process.env.CIRCLECI) {
+            browser.configureGraphqlClient('com.adobe.cq.commerce.graphql.client.impl.GraphqlClientImpl', {
+                identifier: 'default',
+                url: `${config.aem.author.base_url}/apps/cif-components-examples/graphql`,
+                httpMethod: 'GET',
+                acceptSelfSignedCertificates: 'true',
+                allowHttpProtocol: 'true'
+            });
+            browser.pause(10000);
+        }
+
+        // Enable helper to handle onboarding dialog popup
+        onboardingHdler = new OnboardingDialogHandler(browser);
+        onboardingHdler.enable();
+    });
+
+    after(function () {
+        // Disable helper to handle onboarding dialog popup
+        onboardingHdler.disable();
+    });
+
+    it('Closes an open product filter by clicking', () => {
+        // perform a search
+        browser.url(`${config.aem.author.base_url}/content/venia/us/en/search.html?search_query=dress`);
+
+        const categoryFilterList = 'label[for="category_id"] ~ .productcollection__filter-items';
+
+        // check category filter is closed
+        const categoryFilter = $('label[for="category_id"]');
+        expect(categoryFilter).toBeDisplayed();
+        expect($(categoryFilterList)).not.toBeDisplayed();
+
+        // open the category filter
+        categoryFilter.click();
+        expect($(categoryFilterList)).toBeDisplayed();
+
+        // close the category filter
+        categoryFilter.click();
+        expect($(categoryFilterList)).not.toBeDisplayed();
+    });
+});