Skip to content

DBTag: Tooltip's JS animation leads to breaking tests #4671

@annsch

Description

@annsch

Which generators are affected?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

Our component has a DBTag with onRemove prop.

const firstTagCloseBtn = filterPanelFirstTag.locator('.db-tab-remove-button');
await firstTagCloseBtn.click();

In previous versions of DB UX Design System this worked correctly. From v3.x.x we have to use
it with .hover() otherwise our tests fails because the click cannot be resolved.

const firstTagCloseBtn = filterPanelFirstTag.locator('.db-tab-remove-button');
await firstTagCloseBtn.hover();
await firstTagCloseBtn.click();

Debugging the DBTag component shows that there a JS style that sets the correct Tooltip position. We assume that playwright is faster than any animation and this leeds to the tooltip overlaying the remove button.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions