Skip to content

chore: add Cypress 15 Welcome Screen #31966

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: release/15.0.0
Choose a base branch
from
Open

chore: add Cypress 15 Welcome Screen #31966

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "cypress",
"version": "14.5.0",
"version": "15.0.0",
"description": "Cypress is a next generation front end testing tool built for the modern web",
"private": true,
"scripts": {
Expand Down
22 changes: 11 additions & 11 deletions packages/launchpad/src/welcome/MajorVersionWelcome.cy.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ describe('<MajorVersionWelcome />', { viewportWidth: 1280, viewportHeight: 1400
cy.contains('h1', 'What\'s New in Cypress').should('be.visible')

cy.get('[data-cy="release-highlights"]').within(() => {
cy.contains('a[href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v14#14-0-0"]', '14.0.0')
cy.contains('a[href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v14#14-0-0"]', 'changelog')
cy.contains('a[href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v15#15-0-0"]', '15.0.0')
cy.contains('a[href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v15#15-0-0"]', 'changelog')
})

cy.get('[data-cy="previous-release-highlights"]').within(() => {
cy.contains('a[href="https://on.cypress.io/changelog#14-0-0"]', '14.0.0')
cy.contains('a[href="https://on.cypress.io/changelog#13-0-0"]', '13.0.0')
cy.contains('a[href="https://on.cypress.io/changelog#12-0-0"]', '12.0.0')
cy.contains('a[href="https://on.cypress.io/changelog#11-0-0"]', '11.0.0')
})

cy.get('[data-cy="major-version-welcome-footer"]').within(() => {
Expand All @@ -36,17 +36,17 @@ describe('<MajorVersionWelcome />', { viewportWidth: 1280, viewportHeight: 1400
})

it('renders correct time for releases and overflows correctly', () => {
cy.clock(Date.UTC(2025, 0, 16))
cy.clock(Date.UTC(2025, 6, 15))
cy.mount(<MajorVersionWelcome />)
cy.contains('14.0.0 Released just now')
cy.contains('13.0.0 Released last year')
cy.contains('12.0.0 Released 2 years ago')
cy.contains('11.0.0 Released 2 years ago')
cy.contains('15.0.0 Released just now')
cy.contains('14.0.0 Released 6 months ago')
cy.contains('13.0.0 Released 2 years ago')
cy.contains('12.0.0 Released 3 years ago')
cy.tick(interval('1 minute'))
cy.contains('14.0.0 Released 1 minute ago')
cy.contains('15.0.0 Released 1 minute ago')
cy.tick(interval('1 month'))
cy.contains('14.0.0 Released last month')
cy.contains('13.0.0 Released last year')
cy.contains('15.0.0 Released last month')
cy.contains('14.0.0 Released 7 months ago')

cy.viewport(1280, 500)

Expand Down
56 changes: 29 additions & 27 deletions packages/launchpad/src/welcome/MajorVersionWelcome.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,25 +33,25 @@

<div class="mb-[16px]">
<ExternalLink
href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v14#14-0-0"
href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v15#15-0-0"
class="font-bold text-indigo-500"
>
14.0.0
15.0.0
</ExternalLink>
<span class="font-light pl-[10px] text-gray-500 text-[14px]">
Released {{ versionReleaseDates['14'] }}
Released {{ versionReleaseDates['15'] }}
</span>
</div>
<div class="children:mb-[16px]">
<p>
We’ve improved performance of component testing and added support for new framework and dev server versions.
This release prepares Cypress Studio for the next era of AI-assisted test creation. You can record interactions, add assertions by right-clicking, and now edit tests inline without leaving Cypress. Turn on <InlineCodeFragment>experimentalStudio</InlineCodeFragment>. in your config to try it out and share your feedback.
</p>
<p>
This release also includes breaking changes to <InlineCodeFragment>cy.origin</InlineCodeFragment> that are necessary to handle
Chrome’s deprecation of <InlineCodeFragment>document.domain</InlineCodeFragment>, which should fix issues for some users in recent Chrome versions. Support for older versions of Node.js, Linux distributions, browsers and component testing frameworks and dev servers is also removed.
We’ve also made important changes to improve reliability, future compatibility, and cross-origin support. Several older versions of Node.js, browser protocols, and Webpack integrations are no longer supported.
This version includes breaking changes that may require updates to your project.
</p>
<p>
For a complete list of updates, please review our <ExternalLink href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v14#14-0-0">
For a complete list of updates, please review our <ExternalLink href="https://on.cypress.io/changelog?utm_source=Binary%3A+App&utm_medium=splash-page&utm_campaign=v15#15-0-0">
<!--eslint-disable-next-line vue/multiline-html-element-content-newline-->
changelog</ExternalLink>.
</p>
Expand All @@ -65,6 +65,27 @@
<h2 class="font-bold mt-[24px] mb-[12px] text-[14px] text-gray-600">
Previous release highlights
</h2>
<div class="pb-[8px]">
<ExternalLink
href="https://on.cypress.io/changelog#14-0-0"
class="font-bold text-indigo-500"
>
14.0.0
</ExternalLink>
<span class="font-light pl-[10px] text-gray-500 text-[14px]">
Released {{ versionReleaseDates['14'] }}
</span>
</div>
<p class="text-[14px] leading-[20px]">
We’ve improved performance of component testing and added support for new framework and dev server versions.
<br>
<br>
Read about the v14.0.0 changes in our
<ExternalLink href="https://on.cypress.io/cypress-14-release">
<!--eslint-disable-next-line vue/multiline-html-element-content-newline-->
blog post</ExternalLink>.
</p>
<br>
<div class="pb-[8px]">
<ExternalLink
href="https://on.cypress.io/changelog#13-0-0"
Expand Down Expand Up @@ -113,26 +134,6 @@
blog post</ExternalLink>.
</p>
<br>
<div class="pb-[8px]">
<ExternalLink
href="https://on.cypress.io/changelog#11-0-0"
class="font-bold text-indigo-500"
>
11.0.0
</ExternalLink>
<span class="font-light pl-[10px] text-gray-500 text-[14px]">
Released {{ versionReleaseDates['11'] }}
</span>
</div>
<p class="text-[14px] leading-[20px]">
We made Component Testing generally available for projects using React, Next.js, Angular, and Vue which allows you to test your application's components without running your whole app! We also massively improved our startup performance with up to 84% faster startup times!
<br>
<br>
Read about the v11.0.0 changes in our
<ExternalLink href="https://on.cypress.io/cypress-11-release">
<!--eslint-disable-next-line vue/multiline-html-element-content-newline-->
blog post</ExternalLink>.
</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -191,6 +192,7 @@ const versionReleaseDates = computed(() => {
'12': useTimeAgo(Date.UTC(2022, 11, 6)).value,
'13': useTimeAgo(Date.UTC(2023, 7, 29)).value,
'14': useTimeAgo(Date.UTC(2025, 0, 16)).value,
'15': useTimeAgo(Date.UTC(2025, 6, 15)).value,
}
})

Expand Down