Emulate HTML 5 Validation API

[kafeterio]

Are you requesting a feature or reporting a bug?

Bug

What is the current behavior?

calls to checkValidity() for input with value < minlength return true

What is the expected behavior?

should return false

How would you reproduce the current behavior (if this is a bug)?

<form>
	<label> label: </label><input minlength="4" maxlength="10"></input>
</form>

import { ClientFunction } from "testcafe";

fixture `Test native validity`
.page `http://localhost:3939`

const getValid = ClientFunction(()=>{
	return document.getElementsByTagName('input')[0].checkValidity()
})

test('not valid when length < 4', async t => {
	await t
	.typeText('input', 'aaa')
	.expect(getValid()).eql(false)
})

Error

• operating system: linux
• testcafe version: 0.20.4
• node.js version: 9.11.1

[miherlosev]

Hi @kafeterio

It's a restriction of the current 'Event emulation' subsystem implementation.
Actually, we type via programmatic event creation.
The problem will be fixed once we implement Automations using browser-specific API.

[github-actions]

This issue has been automatically marked as stale because it has not had any activity for a long period. It will be closed and archived if no further activity occurs. However, we may return to this issue in the future. If it still affects you or you have any additional information regarding it, please leave a comment and we will keep it open.

[github-actions]

We're closing this issue after a prolonged period of inactivity. If it still affects you, please create a new issue with up-to-date information. Thank you.