Skip to content

test(content-action-bar): verify content-action-bar responsive behavi…#1977

Open
spliffone wants to merge 1 commit intomainfrom
test/test-content-action-bar-responsives
Open

test(content-action-bar): verify content-action-bar responsive behavi…#1977
spliffone wants to merge 1 commit intomainfrom
test/test-content-action-bar-responsives

Conversation

@spliffone
Copy link
Copy Markdown
Member

@spliffone spliffone commented Apr 29, 2026

…our in e2e test

Add E2E test to verify the responsive behaviour of the content action bar


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

@spliffone spliffone requested review from a team as code owners April 29, 2026 11:17
@spliffone spliffone added the enhancement Topics that make the project better label Apr 29, 2026
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a new responsive behavior test for the dashboard card component and updates its template to default to an expanded action bar view. Corresponding visual snapshots have been updated to reflect these changes. Feedback was provided to improve test robustness by using semantic ARIA roles for element locators instead of generic selectors.

Comment thread playwright/e2e/element-examples/si-content-action-bar-states.spec.ts Outdated
@spliffone spliffone force-pushed the test/test-content-action-bar-responsives branch 2 times, most recently from 75132a4 to 47d58d8 Compare April 29, 2026 11:47
@spike-rabbit spike-rabbit enabled auto-merge April 29, 2026 11:48

test.describe('si-content-action-bar-states', () => {
const example = 'si-content-action-bar/si-content-action-bar-states';
const exampleDashboard = 'si-dashboard/si-dashboard-card';
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why test this in the dashboard example instead of using the above example that is for the content-action-bar only?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Because the content action bar states example does include the required configuration. Shall create a specific si-content-action-bar or si-dashboard-card spec?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what configuration is that? we have 3 expanded c-a-b that collapse when viewport gets smaller 🤷

So if something is missing, expand the example. It's super weird to have a si-content-action-bar-states.spec.ts that uses a whole different example

@spliffone spliffone force-pushed the test/test-content-action-bar-responsives branch from 47d58d8 to d30c98b Compare April 29, 2026 12:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement Topics that make the project better

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants