feat: Better masking of option/radio/checkbox values

[mydea]

This PR improves masking via maskAllInputs for:

• <option> elements as part of <select>
• <input type="checkbox">
• <input type="radio">

What is masked

For radio/checkbox, we only mask the value="xxx" attribute. So for example:

<input type="radio" value="my-val">

becomes

<input type="radio" value="******">

If no value is specified, nothing is added.

For option tags, we mask both the value attribute on them (so they also match the value of the select), as well as the content of the option - this is IMHO more in line with text input masking than to leave the displayed text.

<select value="val1">
  <option value="val1">Value 1</option>
  <option value="val2">Value 2</option>
</select>

becomes

<select value="****">
  <option value="****">*******</option>
  <option value="****">*******</option>
</select>

[changeset-bot]

🦋 Changeset detected

Latest commit: b310e6f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
rrweb-snapshot	Minor
rrweb	Minor
rrdom	Minor
rrdom-nodejs	Minor
rrweb-player	Minor
@rrweb/types	Minor
@rrweb/web-extension	Minor
rrvideo	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Juice10]

This method always gets an upper case tagName, keeping it upper case would save us one toLowerCase call, slightly improving performance

Suggested change

	// Handle `option` like `select
	if (tagName.toLowerCase() === 'option') {
	tagName = 'select';
	}
	// Handle `option` like `select
	if (tagName === 'OPTION') {
	tagName = 'SELECT';
	}

[mydea]

Yeah, I wasn't quite sure here myself, as sometimes tagNames are passed as lowercase, sometimes as uppercase strings 😅

[mydea]

Oops, actually it is not always lowercase (which nicely the tests caught!).
I've actually changed the type to use Uppercase to ensure that the correct case is passed in. This is supported since TS 4.1, is this OK?

[YunFeng0817]

Sorry for the late review. There are so many changes to the Jest snapshot files so I took some time to check them.
I may find an issue with masking radio/checkbox elements. It would be nice to check them. I'm willing to merge this PR after then.

[YunFeng0817]

I may find a bug for masking radio input. In this test, the value "radio-on" is masked in the full snapshot however its actual value is exposed in the input mutation event here.

[mydea]

found the culprit and fixed it! 🎉

[YunFeng0817]

Same here.

[mydea]

I rebased & updated this PR on latest master!