[Form] Skip autofilling select input if it was changed already

[dbajpeyi]

Reviewer: @shakyShane
Asana: https://app.asana.com/0/1200930669568058/1204544631545889/f

Description

select elements were simply autofilled every time, without considering if the input was already changed by a user action. This PR extends the behavior and adds logic to skip select type input, if the input was added to the Set touched.

Additionally, select type elements were not added to this.touched, as the handler that attaches it was intentionally skipped in the code. The new approach creates a separate handler called handleSelect in Form.js to simply add the select element to the touched Set.

Steps to test

(Pre-requisite: Have an identity added to autofill)

1. Locally build your mac+autofill environment,
2. Go to https://fill.dev/form/identity-simple in the locally built browser,
3. Change a select field (country/state),
4. Autofill one of the text field inputs (name, email e.g),
5. The select field should not get autofilled,

Credit card
(Pre-requisite: have credit card added to your autofill)

1. Go to https://fill.dev/form/credit-card-simple
2. Change the select field (expiry date),
3. Autofill on card number,
4. Expiry date should get autofilled.

Example videos

Amazon

fix-amazon.com.mp4

Amazon credit card

regression-cc-amazon.com.mp4

Zip code search

fix-usephonelookup.mp4

fill.dev

Fix.on.fill.dev.mp4

[shakyShane]

@dbajpeyi congrats on your first contribution! it certainly solves the problem 💪🏻

There are a few comments, mostly very small changes needed - and to double-check the new test cases can fail as expected.

[shakyShane]

Thanks @dbajpeyi - especially for working with me on the feedback :)

I love that we covered this with a new tests, and also that you are now testing additional things (with selects) that were previously absent 💪

[dbajpeyi]

Thank you for helping me step up so quickly and for all the feedback!