Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 19 additions & 14 deletions console/integration-tests/tests/pattern-catalog-page.cy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -63,29 +63,34 @@ describe('Pattern Catalog Page', () => {
it('tier filter dropdown shows tier options', () => {
visitCatalog();
// Open the tier filter dropdown
cy.get('#tier-filter').closest('.pf-v6-c-select').find('button').first().click();
cy.get('#tier-filter-toggle').click();
// At least one selectable option should be visible
cy.get('[role="option"]').should('have.length.greaterThan', 0);
cy.get('[role="menuitem"]').should('have.length.greaterThan', 0);
// Close dropdown
cy.get('#tier-filter').closest('.pf-v6-c-select').find('button').first().click();
cy.get('#tier-filter-toggle').click();
});

it('selecting all tiers shows at least as many cards as the default selection', () => {
visitCatalog();
cy.get('.patterns-operator__card')
.its('length')
.then((defaultCount) => {
// Open filter dropdown
cy.get('#tier-filter').closest('.pf-v6-c-select').find('button').first().click();
// Select every unchecked tier option
cy.get('[role="option"]').each(($option) => {
const checkbox = $option.find('input[type="checkbox"]');
if (checkbox.length && !checkbox.is(':checked')) {
cy.wrap($option).click();
// Re-open dropdown if it closed
cy.get('#tier-filter').closest('.pf-v6-c-select').find('button').first().click();
}
});
// Open filter dropdown once (checkbox select stays open on item click)
cy.get('#tier-filter-toggle').click();
cy.get('[role="menuitem"]')
.its('length')
.then((optionCount) => {
for (let i = 0; i < optionCount; i++) {
cy.get('[role="menuitem"]')
.eq(i)
.find('input[type="checkbox"]')
.then(($cb) => {
if (!$cb.is(':checked')) {
cy.get('[role="menuitem"]').eq(i).click();
}
});
}
});
// Close dropdown
cy.get('body').click(0, 0);
// With all tiers selected, card count should be >= default selection
Expand Down
1 change: 1 addition & 0 deletions console/src/components/PatternCatalogPage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -306,6 +306,7 @@ export default function PatternCatalogPage() {
toggle={(toggleRef) => (
<MenuToggle
ref={toggleRef}
id="tier-filter-toggle"
onClick={() => setTierSelectOpen((prev) => !prev)}
isExpanded={tierSelectOpen}
>
Expand Down