[Screenshotting] Add custom context support in the screenshot mode

[dokmic]

Summary

Resolves #122773.

Checklist

• Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[elasticmachine]

Pinging @elastic/kibana-app-services (Team:AppServicesUx)

[ThomThomson]

Code only review: Presentation team changes LGTM!

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 0c88fb9
• Storybooks Preview
• Webpack Bundle Analyzer

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
screenshotMode	7	8	+1
screenshotting	8	-	-8
total			-7

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
screenshotMode	24	14	-10
screenshotting	11	8	-3
total			-13

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
dashboard	293.1KB	293.1KB	+9.0B
reporting	59.2KB	59.2KB	-30.0B
total			-21.0B

Public APIs missing exports

Total count of every type that is part of your API that should be exported but is not. This will cause broken links in the API documentation system. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats exports for more detailed information.

id	before	after	diff
screenshotMode	1	0	-1

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
screenshotMode	2.0KB	2.0KB	+41.0B
screenshotting	2.0KB	-	-2.0KB
total			-1.9KB

Unknown metric groups

API count

id	before	after	diff
screenshotMode	29	33	+4
screenshotting	25	17	-8
total			-4

References to deprecated APIs

id	before	after	diff
dashboard	84	83	-1
screenshotting	12	0	-12
total			-13

Unreferenced deprecated APIs

id	before	after	diff
screenshotMode	3	0	-3

History

• 💚 Build #22545 succeeded 6936094e6ec39e2087aca7c35e7aedeb2e7eca10
• 💔 Build #22518 failed e3b8d5824671cb496755212769476401d25915c1
• 💔 Build #22435 failed 34ce64960f8a8b1e8db24acca8b947dd701ee632

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[jloleysens]

Great work @dokmic these changes look good and contain some nice code cleanup!

I tested locally using the reporting integration example app and was able to see screenshot mode being detected correctly and tested on dashboard.

[tsullivan]

LGTM. Very cool change :)

[kibanamachine]

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create backports run node scripts/backport --pr 124942 or prevent reminders by adding the backport:skip label.