From 7db059bec511e0f8ddc0fa650d8908239cf92450 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Mon, 17 Feb 2025 13:42:51 -0500 Subject: [PATCH 01/20] misc: Begin code for moving viewport dimensions and removing dropdown --- packages/app/package.json | 1 + .../runner/SpecRunnerHeaderOpenMode.cy.tsx | 32 ++----- .../src/runner/SpecRunnerHeaderOpenMode.vue | 84 +++++-------------- .../src/runner/SpecRunnerHeaderRunMode.cy.tsx | 7 +- .../src/runner/SpecRunnerHeaderRunMode.vue | 29 +++---- yarn.lock | 68 ++++++++++++++- 6 files changed, 114 insertions(+), 107 deletions(-) diff --git a/packages/app/package.json b/packages/app/package.json index e3dc2d3e786e..23ef88822fa4 100644 --- a/packages/app/package.json +++ b/packages/app/package.json @@ -27,6 +27,7 @@ "@cypress-design/vue-icon": "^1.6.0", "@cypress-design/vue-statusicon": "^1.0.0", "@cypress-design/vue-tabs": "^1.2.2", + "@cypress-design/vue-tag": "^1.0.1", "@cypress/mount-utils": "0.0.0-development", "@faker-js/faker": "8.4.1", "@graphql-typed-document-node/core": "^3.1.0", diff --git a/packages/app/src/runner/SpecRunnerHeaderOpenMode.cy.tsx b/packages/app/src/runner/SpecRunnerHeaderOpenMode.cy.tsx index 727bfc7dc7fc..3dcb7d5dde4c 100644 --- a/packages/app/src/runner/SpecRunnerHeaderOpenMode.cy.tsx +++ b/packages/app/src/runner/SpecRunnerHeaderOpenMode.cy.tsx @@ -228,7 +228,6 @@ describe('SpecRunnerHeaderOpenMode', { viewportHeight: 500 }, () => { cy.findByTestId('select-browser').contains('Fake Browser') cy.get('[data-cy="select-browser"] > button svg').eq(0).children().verifyBrowserIconSvg(cyGeneralGlobeX16.data) - cy.findByTestId('viewport').contains('500x500') }) it('shows current viewport info', () => { @@ -241,39 +240,24 @@ describe('SpecRunnerHeaderOpenMode', { viewportHeight: 500 }, () => { }, }) - cy.get('[data-cy="viewport"]').click() - cy.contains('The viewport determines').should('be.visible') - cy.contains('Additionally, you can override this value in your cypress.config.js or via the cy.viewport() command.') - .should('be.visible') - - cy.get('[data-cy="viewport"]').click() - cy.contains('The viewport determines').should('be.hidden') - cy.get('[data-cy="viewport"] button').focus().type(' ') - cy.contains('The viewport determines').should('be.visible') - cy.get('[data-cy="viewport"] button').focus().type('{enter}') - cy.contains('The viewport determines').should('be.hidden') + cy.get('[data-cy="viewport"]').contains('500x500') }) - it('links to the viewport docs', () => { + it('shows scale % in viewport info', () => { + const autStore = useAutStore() + + autStore.setScale(0.4) cy.mountFragment(SpecRunnerHeaderFragmentDoc, { render: (gqlVal) => { return renderWithGql({ ...gqlVal, - currentTestingType: 'e2e', + configFile: 'cypress.config.js', }) }, }) - cy.findByTestId('viewport').click() - cy.findByTestId('viewport-docs') - .should('be.visible') - .should('have.attr', 'href', 'https://on.cypress.io/viewport') - - cy.contains('The viewport determines the width and height of your application under test. By default the viewport will be 500px by 500px for end-to-end testing.') - cy.contains('Additionally, you can override this value in your cypress.config.ts or via the cy.viewport() command.') - .should('be.visible') - - cy.findByTestId('viewport-docs').should('have.attr', 'href', 'https://on.cypress.io/viewport') + cy.get('[data-cy="viewport"]').contains('500x500 (40%)') + cy.percySnapshot() }) it('disables browser dropdown button when isRunning is true', () => { diff --git a/packages/app/src/runner/SpecRunnerHeaderOpenMode.vue b/packages/app/src/runner/SpecRunnerHeaderOpenMode.vue index df1435a01b8f..ae144da25759 100644 --- a/packages/app/src/runner/SpecRunnerHeaderOpenMode.vue +++ b/packages/app/src/runner/SpecRunnerHeaderOpenMode.vue @@ -21,7 +21,9 @@ :aria-label="t('runner.selectorPlayground.toggle')" @click="togglePlayground" > - + + + {{ autStore.viewportWidth }}x{{ + autStore.viewportHeight + }}px + + ({{ displayScale }}) + +
- +
- - - - { const autStore = useAutStore() autStore.updateUrl('http://localhost:4000') + autStore.setScale(0.4) cy.mount() @@ -22,12 +23,11 @@ describe('SpecRunnerHeaderRunMode', { viewportHeight: 500 }, () => { cy.get('[data-cy="playground-activator"]').should('not.exist') // confirm expected content is rendered cy.contains('1000x660').should('be.visible') + cy.contains('40%').should('be.visible') cy.contains('Chrome 1').should('be.visible') cy.contains('http://localhost:4000').should('be.visible') // confirm no interactions are implemented - cy.get('[data-cy="viewport"]').click() - cy.contains('The viewport determines').should('not.exist') cy.contains('Chrome 1').click() cy.contains('Firefox').should('not.exist') @@ -42,6 +42,7 @@ describe('SpecRunnerHeaderRunMode', { viewportHeight: 500 }, () => { const autStore = useAutStore() autStore.updateUrl('http://localhost:4000') + autStore.setScale(0.4) cy.mount() @@ -52,8 +53,6 @@ describe('SpecRunnerHeaderRunMode', { viewportHeight: 500 }, () => { cy.contains('Chrome 1').should('be.visible') // confirm no interactions are implemented - cy.get('[data-cy="viewport"]').click() - cy.contains('The viewport determines').should('not.exist') cy.contains('Chrome 1').click() cy.contains('Firefox').should('not.exist') }) diff --git a/packages/app/src/runner/SpecRunnerHeaderRunMode.vue b/packages/app/src/runner/SpecRunnerHeaderRunMode.vue index ed2ba4781733..280219719318 100644 --- a/packages/app/src/runner/SpecRunnerHeaderRunMode.vue +++ b/packages/app/src/runner/SpecRunnerHeaderRunMode.vue @@ -17,6 +17,18 @@
{{ autStore.url }}
+ + {{ autStore.viewportWidth }}x{{ autStore.viewportHeight }} + ({{ displayScale }}) +
{{ selectedBrowser.displayName }} {{ selectedBrowser.majorVersion }} - - - -
@@ -57,6 +57,7 @@ + + diff --git a/packages/app/src/runner/SpecRunnerHeaderRunMode.cy.tsx b/packages/app/src/runner/SpecRunnerHeaderRunMode.cy.tsx index 9e2fb811f64a..e6d17ab16aa5 100644 --- a/packages/app/src/runner/SpecRunnerHeaderRunMode.cy.tsx +++ b/packages/app/src/runner/SpecRunnerHeaderRunMode.cy.tsx @@ -46,10 +46,11 @@ describe('SpecRunnerHeaderRunMode', { viewportHeight: 500 }, () => { cy.mount() - cy.get('[data-cy="aut-url"]').should('not.exist') + cy.contains('URL navigation disabled in component testing').should('be.visible') cy.get('[data-cy="playground-activator"]').should('not.exist') // confirm expected content is rendered cy.contains('500x500').should('be.visible') + cy.contains('40%').should('be.visible') cy.contains('Chrome 1').should('be.visible') // confirm no interactions are implemented diff --git a/packages/app/src/runner/SpecRunnerHeaderRunMode.vue b/packages/app/src/runner/SpecRunnerHeaderRunMode.vue index 280219719318..caf61095539a 100644 --- a/packages/app/src/runner/SpecRunnerHeaderRunMode.vue +++ b/packages/app/src/runner/SpecRunnerHeaderRunMode.vue @@ -7,34 +7,36 @@
-
- {{ autStore.url }} +
+ {{ testingType === 'e2e' ? autStore.url : 'URL navigation disabled in component testing' }}
- {{ autStore.viewportWidth }}x{{ autStore.viewportHeight }} - ({{ displayScale }}) + {{ autStore.viewportWidth }}x{{ + autStore.viewportHeight + }} + + + + {{ displayScale }} + -
-
-
Date: Tue, 18 Feb 2025 13:43:21 -0500 Subject: [PATCH 03/20] add changelog --- cli/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md index 1b3db1dfc0e0..8bbe3b2399cb 100644 --- a/cli/CHANGELOG.md +++ b/cli/CHANGELOG.md @@ -5,6 +5,7 @@ _Released 2/25/2025 (PENDING)_ **Misc:** +- Viewport width, height, and scale now display in a badge above the application under test. The dropdown describing how to set viewport height and width has been removed from the UI. Additionally, component tests now show a notice about URL navigation being disabled in component tests. Addresses [#31119](https://github.com/cypress-io/cypress/pull/31119). Addressed in [#31119](https://github.com/cypress-io/cypress/pull/31119). - Updated types around `.readFile()` and `.scrollTo()` arguments and `Cypress.dom` methods. Addressed in [#31055](https://github.com/cypress-io/cypress/pull/31055). ## 14.0.3 From 0d0666860e5064ba86e2aeab8d3dbc4ec1b887ac Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 18 Feb 2025 13:46:37 -0500 Subject: [PATCH 04/20] fix changelog link --- cli/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md index 8bbe3b2399cb..b5c47994791f 100644 --- a/cli/CHANGELOG.md +++ b/cli/CHANGELOG.md @@ -5,7 +5,7 @@ _Released 2/25/2025 (PENDING)_ **Misc:** -- Viewport width, height, and scale now display in a badge above the application under test. The dropdown describing how to set viewport height and width has been removed from the UI. Additionally, component tests now show a notice about URL navigation being disabled in component tests. Addresses [#31119](https://github.com/cypress-io/cypress/pull/31119). Addressed in [#31119](https://github.com/cypress-io/cypress/pull/31119). +- Viewport width, height, and scale now display in a badge above the application under test. The dropdown describing how to set viewport height and width has been removed from the UI. Additionally, component tests now show a notice about URL navigation being disabled in component tests. Addresses [#30999](https://github.com/cypress-io/cypress/pull/30999). Addressed in [#31119](https://github.com/cypress-io/cypress/pull/31119). - Updated types around `.readFile()` and `.scrollTo()` arguments and `Cypress.dom` methods. Addressed in [#31055](https://github.com/cypress-io/cypress/pull/31055). ## 14.0.3 From 365e1e3a9c81edf11fdedabcbed361a755ef3bf1 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 18 Feb 2025 13:50:21 -0500 Subject: [PATCH 05/20] fix issue link again! --- cli/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md index b5c47994791f..d483d126af5d 100644 --- a/cli/CHANGELOG.md +++ b/cli/CHANGELOG.md @@ -5,7 +5,7 @@ _Released 2/25/2025 (PENDING)_ **Misc:** -- Viewport width, height, and scale now display in a badge above the application under test. The dropdown describing how to set viewport height and width has been removed from the UI. Additionally, component tests now show a notice about URL navigation being disabled in component tests. Addresses [#30999](https://github.com/cypress-io/cypress/pull/30999). Addressed in [#31119](https://github.com/cypress-io/cypress/pull/31119). +- Viewport width, height, and scale now display in a badge above the application under test. The dropdown describing how to set viewport height and width has been removed from the UI. Additionally, component tests now show a notice about URL navigation being disabled in component tests. Addresses [#30999](https://github.com/cypress-io/cypress/issues/30999). Addressed in [#31119](https://github.com/cypress-io/cypress/pull/31119). - Updated types around `.readFile()` and `.scrollTo()` arguments and `Cypress.dom` methods. Addressed in [#31055](https://github.com/cypress-io/cypress/pull/31055). ## 14.0.3 From 386ae5960e57ea630aa0b40c09cd84fcb58d3c83 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 18 Feb 2025 14:34:25 -0500 Subject: [PATCH 06/20] misc: begin reworking the browser dropdown --- .../app/src/runner/SpecRunnerDropdown.vue | 14 ++---- .../src/runner/SpecRunnerHeaderOpenMode.vue | 47 +++++++++---------- 2 files changed, 25 insertions(+), 36 deletions(-) diff --git a/packages/app/src/runner/SpecRunnerDropdown.vue b/packages/app/src/runner/SpecRunnerDropdown.vue index 0e4b405251cc..3bf4fd1d290b 100644 --- a/packages/app/src/runner/SpecRunnerDropdown.vue +++ b/packages/app/src/runner/SpecRunnerDropdown.vue @@ -1,11 +1,11 @@ diff --git a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts index fb13244856ab..2ede4116e5ef 100644 --- a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts +++ b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts @@ -128,7 +128,7 @@ export const longBrowsersList = [ majorVersion: '69', isFocusSupported: true, isVersionSupported: true, - disabled: true, + disabled: false, }, { id: '11', @@ -141,7 +141,7 @@ export const longBrowsersList = [ majorVersion: '75', isFocusSupported: true, isVersionSupported: true, - disabled: true, + disabled: false, }, { id: '12', @@ -149,13 +149,12 @@ export const longBrowsersList = [ displayName: 'Firefox Developer Edition', channel: 'dev', family: 'firefox', - version: '69.0.2', + version: '110.0.2', path: '/Applications/Firefox Developer/Contents/MacOS/Firefox Developer', - majorVersion: '69', + majorVersion: '110', isFocusSupported: true, - isVersionSupported: false, - disabled: true, - warning: 'Cypress does not support running Firefox Developer Edition version 69. To use Firefox Developer Edition with Cypress, install a version of Firefox Developer Edition newer than or equal to 78.', + isVersionSupported: true, + disabled: false, }, { id: '13', @@ -167,8 +166,9 @@ export const longBrowsersList = [ path: '/Applications/Firefox Nightly/Contents/MacOS/Firefox Nightly', majorVersion: '69', isFocusSupported: false, - isVersionSupported: true, + isVersionSupported: false, disabled: true, + warning: 'Cypress does not support running Firefox Nightly version 69. To use Firefox Nightly with Cypress, install a version of Firefox Nightly newer than or equal to 78.', }, { id: '14', diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue index d0171f0a807a..e0abf4ad7ad5 100644 --- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue +++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue @@ -21,27 +21,25 @@ alt="" />
-
- -
- {{ t('topNav.version') }} {{ browser.majorVersion }} - - (Unsupported) - -
+ +
+ {{ t('topNav.version') }} {{ browser.majorVersion }} + + (Unsupported) +
@@ -123,7 +121,12 @@ const props = withDefaults(defineProps <{ }) const browsers = computed(() => { - return (props.gql.browsers ?? []).slice().sort((a, b) => a.displayName > b.displayName ? 1 : -1) + const alphaSortedBrowser = (props.gql.browsers ?? []).slice().sort((a, b) => a.displayName > b.displayName ? 1 : -1) + + // move the selected browser to the top to easily see selected browser version at the top when opening the dropdown + alphaSortedBrowser.some((browser, i) => browser.isSelected && alphaSortedBrowser.unshift(alphaSortedBrowser.splice(i, 1)[0])) + + return alphaSortedBrowser }) const setBrowser = useMutation(VerticalBrowserListItems_SetBrowserDocument) From 1d7dbbcea3ab54c81acd0da4cbd377d777f78f5c Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 4 Mar 2025 15:34:28 -0500 Subject: [PATCH 08/20] changelog entry --- cli/CHANGELOG.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md index e48c8958e728..9e5b7dd7f99c 100644 --- a/cli/CHANGELOG.md +++ b/cli/CHANGELOG.md @@ -3,6 +3,11 @@ _Released 3/11/2025 (PENDING)_ +**Misc:** + +- The browser dropdown now has a more minimal design - showing only the icon of the browser selected to the left of the URL. The currently selected browser also now shows at the top of the browser dropdown. Addresses [#30998](https://github.com/cypress-io/cypress/issues/30998). Addressed in [#31216](https://github.com/cypress-io/cypress/pull/31216). +- Browsers with longer names will now have their names correctly left aligned in the browser dropdown. Addresses [#21755](https://github.com/cypress-io/cypress/issues/21755). Addressed in [#31216](https://github.com/cypress-io/cypress/pull/31216). + **Dependency Updates:** - Upgraded `cli-table3` from `0.5.1` to `0.6.5`. Addressed in [#31166](https://github.com/cypress-io/cypress/pull/31166). From c0eb16dac729bff19ce02d27f9c670991ae2dcc8 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 4 Mar 2025 16:04:24 -0500 Subject: [PATCH 09/20] remove assertions about browser dropdown being visible in tiny widths --- packages/app/cypress/e2e/cypress-in-cypress.cy.ts | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/app/cypress/e2e/cypress-in-cypress.cy.ts b/packages/app/cypress/e2e/cypress-in-cypress.cy.ts index 0bfb8a234835..d4526a09fbe4 100644 --- a/packages/app/cypress/e2e/cypress-in-cypress.cy.ts +++ b/packages/app/cypress/e2e/cypress-in-cypress.cy.ts @@ -201,7 +201,7 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100 cy.get('@selectBrowser').should('be.visible') // with no specs list open, we should see this by scrolling dragHandleToClientX('panel2', 200).then(() => { - cy.contains('Chrome 1').should('be.visible') + cy.contains('Chrome 1').should('not.be.visible') }) cy.contains('[aria-controls=reporter-inline-specs-list]', 'Specs') @@ -212,8 +212,6 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100 cy.get('@selectBrowser').should('not.be.visible') // with specs list open, scrolling is not enough to see this dragHandleToClientX('panel1', 130) - cy.get('@selectBrowser') - .should('be.visible') // now that we have reduced the specs list, we should be able to see this cy.contains(testingTypeExpectedScales[`${ testingType }NarrowViewport`]) }) From 7e57eb9c2de1c3261839fd338ba91dae5340e924 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Tue, 4 Mar 2025 16:06:03 -0500 Subject: [PATCH 10/20] update changelog entry --- cli/CHANGELOG.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md index 9e5b7dd7f99c..31fc3409e260 100644 --- a/cli/CHANGELOG.md +++ b/cli/CHANGELOG.md @@ -5,8 +5,7 @@ _Released 3/11/2025 (PENDING)_ **Misc:** -- The browser dropdown now has a more minimal design - showing only the icon of the browser selected to the left of the URL. The currently selected browser also now shows at the top of the browser dropdown. Addresses [#30998](https://github.com/cypress-io/cypress/issues/30998). Addressed in [#31216](https://github.com/cypress-io/cypress/pull/31216). -- Browsers with longer names will now have their names correctly left aligned in the browser dropdown. Addresses [#21755](https://github.com/cypress-io/cypress/issues/21755). Addressed in [#31216](https://github.com/cypress-io/cypress/pull/31216). +- The browser dropdown now has a more minimal design - showing only the icon of the browser selected to the left of the URL. The currently selected browser also now shows at the top of the browser dropdown. Browsers with longer names will now have their names correctly left aligned in the browser dropdown. Addresses [#21755](https://github.com/cypress-io/cypress/issues/21755) and [#30998](https://github.com/cypress-io/cypress/issues/30998). Addressed in [#31216](https://github.com/cypress-io/cypress/pull/31216). **Dependency Updates:** From 37fc77b4a155c39640073858d8cb682121de35b6 Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Wed, 5 Mar 2025 10:09:16 -0500 Subject: [PATCH 11/20] Add zindex of 5 for the aut-panel so it doesn't ever cover the reporter-panel --- packages/app/src/runner/ResizablePanels.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/app/src/runner/ResizablePanels.vue b/packages/app/src/runner/ResizablePanels.vue index 9041532cdf58..84601c085d61 100644 --- a/packages/app/src/runner/ResizablePanels.vue +++ b/packages/app/src/runner/ResizablePanels.vue @@ -44,7 +44,7 @@
Date: Wed, 5 Mar 2025 12:12:52 -0500 Subject: [PATCH 13/20] Update aut height to new height --- packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts b/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts index 9ffff1b0ca95..0921ad6ca1dc 100644 --- a/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts +++ b/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts @@ -151,7 +151,7 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout: }) it('shows a compilation error with a malformed spec', { viewportHeight: 596, viewportWidth: 1000 }, () => { - const expectedAutHeight = 456 // based on explicitly setting viewport in this test to 596 + const expectedAutHeight = 500 // based on explicitly setting viewport in this test to 596 cy.visitApp() cy.specsPageIsVisible() From 8bd448061ce35098e390dfb56dfc4a1b46099e5a Mon Sep 17 00:00:00 2001 From: Jennifer Shehane Date: Fri, 7 Mar 2025 13:28:24 -0500 Subject: [PATCH 14/20] Move zindex to input instead of main aut-url container to prevent screenshotting from breaking. --- packages/app/src/runner/ResizablePanels.vue | 2 +- packages/app/src/runner/SpecRunnerHeaderOpenMode.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/app/src/runner/ResizablePanels.vue b/packages/app/src/runner/ResizablePanels.vue index cfe0f417b71d..c88283ec5a0a 100644 --- a/packages/app/src/runner/ResizablePanels.vue +++ b/packages/app/src/runner/ResizablePanels.vue @@ -46,7 +46,7 @@ data-cy="aut-panel" class="grow h-full bg-gray-100 relative" :class="{'pointer-events-none':panel2IsDragging}" - :style="{ width: `${panel3width}px`, zIndex: 5 }" + :style="{ width: `${panel3width}px` }" > Date: Fri, 7 Mar 2025 13:31:57 -0500 Subject: [PATCH 15/20] Add a comment, maybe it will help someone one day --- packages/app/src/runner/ResizablePanels.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/app/src/runner/ResizablePanels.vue b/packages/app/src/runner/ResizablePanels.vue index c88283ec5a0a..fbdd2db6094f 100644 --- a/packages/app/src/runner/ResizablePanels.vue +++ b/packages/app/src/runner/ResizablePanels.vue @@ -1,3 +1,4 @@ +