Skip to content

internal: hide selector playground and studio toolbar when studio beta enabled #31666

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.

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

Merged

Conversation

jennifer-shehane
Copy link
Member

@jennifer-shehane jennifer-shehane commented May 8, 2025

Additional details

  • There is a new 'studioBetaAvailable' prop that can be used UI wide to show/hide things if we're in 'beta'
  • I broke out the studio cloud tests into their own file as the existing studio e2e tests were quite long imo.

Steps to test

Automated:

  • studio-cloud.cy.ts in app e2e tests
  • SpecRunnerHeaderOpenMode.cy.tsx in app CT tests

Manually:

  • Run yarn cypress:open in the root without CYPRESS_ENABLE_CLOUD_STUDIO, ensure selector playground and studio toolbar work normally outside of beta when activating studio
    • Run yarn cypress:open in the root WITH CYPRESS_ENABLE_CLOUD_STUDIO=true, ensure selector playground and studio toolbar are hidden when activating studio

How has the user experience changed?

Changes are to internal Cypress team only

Before

Screenshot 2025-05-08 at 9 17 54 AM

After

Screenshot 2025-05-08 at 9 19 25 AM

Screenshot 2025-05-08 at 9 19 37 AM

PR Tasks

@jennifer-shehane jennifer-shehane self-assigned this May 8, 2025
Copy link

cypress bot commented May 8, 2025

cypress    Run #62272

Run Properties:  status check passed Passed #62272  •  git commit 0c5a30329f: fix indentation
Project cypress
Branch Review studio-beta-hide-playground-studio-toolbar
Run status status check passed Passed #62272
Run duration 18m 58s
Commit git commit 0c5a30329f: fix indentation
Committer Jennifer Shehane
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 10
Tests that did not run due to a developer annotating a test with .skip  Pending 1232
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 32159
View all changes introduced in this branch ↗︎
UI Coverage  45.68%
  Untested elements 190  
  Tested elements 164  
Accessibility  92.74%
  Failed rules  3 critical   9 serious   2 moderate   2 minor
  Failed elements 890  

const shouldShowStudioButton = computed(() => {
return !!props.gql.studio && studioStatus.value === 'ENABLED' && !studioStore.isOpen
return studioStatus.value === 'ENABLED' && !!props.gql.studio && !studioStore.isOpen
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a nit but we could use studioBetaAvailable.value here

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yah I did do this and then was debugging something and reverted it.

@jennifer-shehane jennifer-shehane merged commit ed304a0 into develop May 8, 2025
89 of 91 checks passed
@jennifer-shehane jennifer-shehane deleted the studio-beta-hide-playground-studio-toolbar branch May 8, 2025 16:59
@cypress-bot
Copy link
Contributor

cypress-bot bot commented May 20, 2025

Released in 14.4.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v14.4.0, please open a new issue.

@cypress-bot cypress-bot bot locked as resolved and limited conversation to collaborators May 20, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants