Skip to content

E2E testing a component with this library #78

Open
@Foxandxss

Description

@Foxandxss

Say I have a component like:

<div class="pretty p-default p-smooth p-curve p-thick">
  <input type="checkbox" name="foo />
  <div class="state p-info-o">
    <label>Please read our
      <a href="link" target="_blank"
        class="checkbox-link">privacy terms
    </label>
  </div>
</div>

If I am not mistaken, this library is going to hide the browser checkbox and replace it with a painted checkbox. So far so good. An E2E library (say testcafé) will clickt the checkbox and move on. The issue comes when you have an anchor tag inside it. It will take preference over the checkbox so it will click the the link and fail. I haven't seen a way to make the checkbox itself a priority.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions