fireEvent click on disabled button fired

[hxgqh]

<button disabled="disabled">button</button>

await fireEvent.click(btn);
const clickEvent = emitted().click;
// The following test fail. It SHOULD success.
expect(!!clickEvent).toBe(false);

[afontcu]

Hi,

Just ran it locally and it passes, as expected. Maybe your test is failing due to something else?

[afontcu]

Closing as this doesn't look like a library issue. Feel free to reopen if it's not the case! :)

[igbominadeveloper]

I am currently dealing with this issue.

[igbominadeveloper]

const Component = {
      template: `<button :disabled="disabled" @click="handleClick">Click Me</button>`,
      props: ['disabled'],
      methods: {
        handleClick() {
          this.$emit('save')
        },
      },
    }

    const { getByText, emitted, debug } = render(Component, {
      props: {
        disabled: true,
      },
    })

    const saveButton = getByText('Click Me')
    await fireEvent.click(saveButton)
    expect(emitted('save').length).toBe(0)

[igbominadeveloper]

The test is failing

[afontcu]

Hi,

this is expected (albeit counterintuitive): https://github.com/testing-library/dom-testing-library/pull/217

[trinketmage]

FYI https://github.com/testing-library/dom-testing-library/pull/217#issuecomment-484428142