fix: AUT URL in runner header links to application URL

[astone123]

• Closes AUT header - URL should be a link #21823

User facing changelog

Runner header now links to application URL while running e2e tests

Additional details

Before v10, the application URL in the AUT header was a link that the user could click which would open the current application URL in a new tab. That functionality was lost during updates to the header for v10.

Steps to test

1. Run an e2e test
2. In the header "address bar", click the application URL
3. Verify that a new tab is opened at the application URL that was open in the runner during your test

How has the user experience changed?

Before

After

PR Tasks

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

[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.

[CLAassistant]

All committers have signed the CLA.

[cypress]

---

Test summary

37553 • 0 • 454 • 0 • 3

---

Run details

Project	cypress
Status	Passed
Commit	8d03268
Started	Jun 9, 2022 1:09 PM
Ended	Jun 9, 2022 1:26 PM
Duration	16:24 💡
OS	Linux Debian - 10.11
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	next.cy.ts		1
1	Working with next-12.1.6 > should detect new spec
	e2e/origin/commands/assertions.cy.ts		1
1	cy.origin assertions > #consoleProps > .should() and .and()
	cypress/proxy-logging.cy.ts		1
1	Proxy Logging > request logging > xhr log has response body/status code when xhr response is logged second

---

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

[lmiller1990]

Tried it out, works great 👍 let's ship it.

[marktnoonan]

Nice! @canourrea23 mentioned that somebody was asking for this specific thing.

Looks good, I approved the Percy diff. Adding @tbiethman to review since our current convention is "one ✅ from CT team and one ✅ from E2E team".

[tbiethman]

Did a quick smoke test for the truncation, I was going to say it's not working like expected:

But it's doing the same in develop:

If we want to truncate with ellipses here, I think we just need to remove the grid and items-center classes and add self-center to hook into the flex positioning provided by the container. Seems like grid conflicts with the truncation:

[astone123]

Ah good catch! I made the update

[lmiller1990]

If you merge in develop, windows CI should start working again.

[lmiller1990]

Going to merge this - windows fails, but those are fixed in #22234 (review), I don't think you've introduced any here.