Documentation for simulate is minimal and dblclick event is named doubleclick

[mordrax]

I tried to simulate a double click like this:

component.find('[id="purse"]').parent().simulate('dblclick');

Because the documentation for simulate seems to suggest dom events are used.
I'm pretty sure (although could be wrong) that the dom event for double click is dblclick.

Then I looked through the repo and found mentions of doubleclick, and doing this:

component.find('[id="purse"]').parent().simulate('doubleclick');

works.

So it would be good to have a list of simulated events other than click because that's in every tut and example but there's no documentation about the list of events that can be simulated.
Does this have something to do with it?

[ljharb]

You're simulating React events, not DOM events, which is why doubleClick is expected - but yes, I think perhaps the native name there needs to change from doubleclick to dblclick.

[mordrax]

I see, so it has to do with react's event system which is why the function is called nativeToReactEventMap:

export function mapNativeEventNames(event) {
  const nativeToReactEventMap = {
    compositionend: 'compositionEnd',

Of course, well that makes sense now :)

Two things:

1. Even on the react events page, there is no doc on what the actual event name is, just the onDoubleClick handler. But looking in the code, they declare it as doubleClick here and then map to the DOM event here
2. Following on from that, if you're mapping to React events, and they call it 'doubleClick', then it doesn't make sense for it to be changed to dblClick unless you want to change all event names to DOM events?

It seems like documentation is the only thing missing here.

[ljharb]

Since it's "native" to "react event" map, the "native" should match native - so I think that the key in https://github.com/airbnb/enzyme/blob/699ec7e39560a68c198ecf80b59d177d003fc869/src/Utils.js#L230 should indeed be changed to "dblclick" to match user expectations.

[mordrax]

Yeah ok, gotcha.