react-testing-library: Form Inputs not updating after change event is fired

• react-testing-library version: 4.1.5
• react version: 16.4.1
• node version: 8.6.0
• npm (or yarn) version: 6.2.0

Relevant code or config:

test('submits form successfully', async () => {

const { getByText, queryByText, getByLabelText, debug } = renderWithRouter(
<SignIn setCurrentUser={jest.fn()} isSignedIn={false} history={{}} />
);

const submitButton = getByText('Sign In');
const emailInput = getByLabelText('Email');
const passwordInput = getByLabelText('Password');

emailInput.value = 'test@test.com';
passwordInput.value = '12345678';

fireEvent.change(emailInput);
fireEvent.change(passwordInput);

debug();
/* 
In debug email has value of 'test@test.com' and password has a value of ' ' 
*/

fireEvent.click(submitButton);

const emailErrorNode = queryByText('Email is required');
const passwordErrorNode = queryByText('Password is required')

expect(emailErrorNode).toBeNull();
expect(passwordErrorNode).toBeNull();

});

What you did:

Test a sign in form by setting username to ‘test@test.com’ and password to ‘12345678’

What happened:

When updating 2 inputs in a test, only one input gets updated the second input’s value is ’ ’ (empty)

Reproduction:

https://codesandbox.io/s/0xwn98wo1p

Problem description:

I can’t test forms with more than one field change

Suggested solution: