click event is always passing false in checked field for input with type checkbox

[almo7]

For example, a simple component:

const App = (props: AppProps) => {
  const [checked, setChecked] = React.useState(false);

  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    console.log('event.target.checked', event.target.checked);
    setChecked(event.target.checked);
  }

  return (
    <label>
      <input type="checkbox" checked={checked} onChange={onChange}></input>
      Click me!
    </label>
  );
}

Test file:

const createDriver = (driver: UniDriver) => {
  return {
    checked: async () => {
      return (await driver.$('input').getNative()).checked
    },
    click: () => {
      driver.$('input').click();
    }
  };
};

const renderAppAndCreateDriver = () => {
	const div = document.createElement('div');
	ReactDOM.render(<App />, div);
	const base = jsdomReactUniDriver(div);
	return createDriver(base);
};

describe('App', () => {
  it('changes checkbox on click - UniDriver', async () => {
    const driver = renderAppAndCreateDriver();

    expect(await driver.checked()).toBeFalsy();

    await driver.click();

    expect(await driver.checked()).toBeTruthy();
  });

  it('changes checkbox on click', async () => {
    const { getByLabelText } = render(<App />);

    const el = await waitForElement(() => getByLabelText('Click me!')) as HTMLInputElement;

    expect(el.checked).toBeFalsy();

    el.click();

    expect(el.checked).toBeTruthy();
  });
});

When simulating a click with event.target.checked (1st test) the event.target.checked is always false. The expected behaviour is that it will alternate between true and false. When using el.click() directly (2nd test) it's alternating as expected.
Full code: https://github.com/wix-a/test-unidriver

[GabiGrin]

@almo7 sounds like a potential jsdom issue
did you check if jsdom returns the right property?

[almo7]

I have this log https://github.com/wix-a/test-unidriver/blob/master/src/components/App/App.tsx#L10 It prints false instead of true when triggering the click with UniDirver but prints true when triggering the click with react-testing-lib