[stable27] ci(cypress): Fix selectors for new file picker

.github/workflows/cypress.yml

@@ -51,8 +51,9 @@ jobs:
         uses: skjnldsv/read-package-engines-version-actions@0ce2ed60f6df073a62a77c0a4958dd0fc68e32e7 # v2.1
         id: versions
         with:
-          fallbackNode: "^14"
-          fallbackNpm: "^7"
+          fallbackNode: "^20"
+          fallbackNpm: "^9"
+          path: apps/${{ env.APP_NAME }}
 
       - name: Set up node ${{ steps.versions.outputs.nodeVersion }}
         uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3.6.0
@@ -63,6 +64,12 @@ jobs:
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g npm@"${{ steps.versions.outputs.npmVersion }}"
 
+      - name: Install dependencies & build app
+        working-directory: apps/${{ env.APP_NAME }}
+        run: |
+          npm ci
+          TESTING=true npm run build --if-present
+
       - name: Save context
         uses: actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8 # v3.3.1
         with:

cypress/e2e/attachments.spec.js

@@ -180,11 +180,11 @@ describe('Test all attachment insertion methods', () => {
 				cy.intercept({ method: 'POST', url: '**/filepath' }).as(requestAlias)
 
 				cy.log('Go to sub folder (a)')
-				cy.get('#picker-filestable tr[data-entryname="sub"]').click()
-				cy.get('#picker-filestable tr[data-entryname="a"]').click()
-				cy.get('#picker-filestable tr[data-entryname="a.png"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="sub"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="a"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="a.png"]').click()
 
-				cy.get('.oc-dialog > .oc-dialog-buttonrow button').click()
+				cy.get('.dialog__actions button.button-vue--vue-primary').click()
 
 				return waitForRequestAndCheckAttachment(requestAlias)
 			})
@@ -194,13 +194,13 @@ describe('Test all attachment insertion methods', () => {
 				cy.intercept({ method: 'POST', url: '**/filepath' }).as(requestAlias)
 
 				cy.log('Go back to sub folder')
-				cy.get('#oc-dialog-filepicker-content .dirtree [data-dir="/sub"] a').click()
+				cy.get('.breadcrumb__crumbs a[title="/sub"]').click()
 
 				cy.log('Go to sub folder (b)')
-				cy.get('#picker-filestable tr[data-entryname="b"]').click()
-				cy.get('#picker-filestable tr[data-entryname="b.png"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="b"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="b.png"]').click()
 
-				cy.get('.oc-dialog > .oc-dialog-buttonrow button').click()
+				cy.get('.dialog__actions button.button-vue--vue-primary').click()
 
 				return waitForRequestAndCheckAttachment(requestAlias)
 			})
@@ -212,12 +212,12 @@ describe('Test all attachment insertion methods', () => {
 				cy.intercept({ method: 'POST', url: '**/filepath' }).as(requestAlias)
 
 				cy.log('Go back to home')
-				cy.get('#oc-dialog-filepicker-content .dirtree .crumb:first-child').click()
+				cy.get('.file-picker__main .breadcrumb__crumbs a').first().click()
 
 				cy.log('Select the file in the filepicker')
-				cy.get('#picker-filestable tr[data-entryname="github.png"]').click()
+				cy.get('.file-picker__main .file-picker__file-name[title="github.png"]').click()
 				cy.log('Click OK in the filepicker')
-				cy.get('.oc-dialog > .oc-dialog-buttonrow button').click()
+				cy.get('.dialog__actions button.button-vue--vue-primary').click()
 
 				return waitForRequestAndCheckAttachment(requestAlias)
 			})
@@ -367,7 +367,7 @@ describe('Test all attachment insertion methods', () => {
 		// check the file list
 		cy.get('.files-fileList tr[data-file="test.md"]', { timeout: 10000 })
 			.should('contain', 'test.md')
-		cy.get('files-fileList tr[data-file="github.png"]').should('not.exist')
+		cy.get('.files-fileList tr[data-file="github.png"]').should('not.exist')
 		cy.showHiddenFiles()
 
 		// check the attachment folder is not there

cypress/e2e/nodes/Links.spec.js

@@ -139,8 +139,8 @@ describe('test link marks', function() {
 			// Helper to reduce duplicated code, checking inserting with and without selected text
 			const checkLinkFile = (filename, text) => {
 				cy.getSubmenuEntry('insert-link', 'insert-link-file').click()
-				cy.get('.oc-dialog').find(`tr[data-entryname="${filename}"]`).click()
-				cy.get('.oc-dialog').find('.oc-dialog-buttonrow > button').click()
+				cy.get(`.file-picker__main .file-picker__file-name[title="${filename}"]`).click()
+				cy.get('.dialog__actions button.button-vue--vue-primary').click()
 
 				return cy.getContent()
 					.find(`a[href*="${encodeURIComponent(filename)}"]`)

cypress/e2e/workspace.spec.js

@@ -169,10 +169,10 @@ describe('Workspace', function() {
 		cy.getSubmenuEntry('insert-link', 'insert-link-file')
 			.click()
 
-		cy.get('#picker-filestable tr[data-entryname="sub-folder"]').click()
-		cy.get('#picker-filestable tr[data-entryname="alpha"]').click()
-		cy.get('#picker-filestable tr[data-entryname="test.md"]').click()
-		cy.get('.oc-dialog > .oc-dialog-buttonrow button').click()
+		cy.get('.file-picker__main .file-picker__file-name[title="sub-folder"]').click()
+		cy.get('.file-picker__main .file-picker__file-name[title="alpha"]').click()
+		cy.get('.file-picker__main .file-picker__file-name[title="test.md"]').click()
+		cy.get('.dialog__actions button.button-vue--vue-primary').click()
 
 		cy.getEditor()
 			.find('a')