feat: (multi-domain) add support for screenshot blackout

[mschile]

• Implements screenshot blackout support for [Multi-Domain] Support cy.screenshot #20060

User facing changelog

n/a

Additional details

Blacking our screenshot elements in multi-domain was not previously working due to the element logic being executed in the primary domain which resulted in cross-domain failures. In order to resolve the cross-domain issue, the logic is moving to the screenshot command which has access to the secondary domain.

• Removed beforeScreenshot and afterScreenshot logic from aut-iframe.js to screenshot.ts
  • listeners removed from runner and runner-ct
• Moved add/removeBlackouts and add/removeCssAnimationDisabler functions from runner-shared/dom.js to two new files animation.ts and blackout.ts in the driver.
• Moved the getElementDimensions function to its own file dimensions.ts.

How has the user experience changed?

Supports blacking out elements in a screenshot:

PR Tasks

• Have tests been added/updated?
• [n/s] Has the original issue (or this PR, if no issue exists) been tagged with a release in ZenHub? (user-facing changes only)
• [n/a] Has a PR for user-facing changes been opened in cypress-documentation?
• [n/a] Have API changes been updated in the type definitions?
• [n/a] Have new configuration options been added to the cypress.schema.json?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[cypress]

---

Test summary

19737 • 0 • 294 • 4 • 4

---

Run details

Project	cypress
Status	Passed
Commit	c92000b
Started	Feb 14, 2022 4:06 PM
Ended	Feb 14, 2022 4:19 PM
Duration	12:39 💡
OS	Linux Debian - 10.10
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	commands/net_stubbing_spec.ts		2
1	network stubbing > intercepting response > can 'delay' a proxy response using Promise.delay
2	network stubbing > waiting and aliasing > can timeout waiting on a single request using "alias.request"
	cypress/proxy-logging_spec.ts		2
1	Proxy Logging > request logging > xhr log has response body/status code
2	Proxy Logging > request logging > xhr log has response body/status code

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[chrisbreiding]

Looks good 👍

The eslint comments are wrong in the original code, but might as well fix them while we're at it.