text(cy): Fix CSS selectors for readonly bar

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

cypress/e2e/openreadonly.spec.js

@@ -9,74 +9,80 @@ import { randUser } from '../utils/index.js'
 const admin = new User('admin', 'admin')
 const user = randUser()
 
-describe('Open read-only mode', function() {
-
-	before(function() {
+describe('Open read-only mode', function () {
+	before(function () {
 		cy.createUser(user)
 		cy.login(user)
 		cy.uploadFile('test.md', 'text/markdown')
 		cy.uploadFile('test.md', 'text/plain', 'test.txt')
 	})
 
-	const setReadOnlyMode = function(mode) {
+	const setReadOnlyMode = function (mode) {
 		cy.login(admin)
 		cy.setAppConfig('open_read_only_enabled', mode)
 	}
 
-	describe('Disabled', function() {
-		const checkMenubar = function() {
-			cy.get('.text-editor--readonly-bar').should('not.exist')
+	describe('Disabled', function () {
+		const checkMenubar = function () {
+			cy.get('[data-text-el="readonly-bar"]').should('not.exist')
 			cy.get('.text-menubar', { timeout: 10000 })
-				.getActionEntry('done').should('not.exist')
+				.getActionEntry('done')
+				.should('not.exist')
 		}
 
-		before(function() {
+		before(function () {
 			setReadOnlyMode(0)
 		})
 
-		beforeEach(function() {
+		beforeEach(function () {
 			cy.login(user)
 			cy.visit('/apps/files')
 		})
 
-		it('Test writable markdown file', function() {
+		it('Test writable markdown file', function () {
 			cy.openFile('test.md')
 			checkMenubar()
 		})
 
-		it('Test writable text file', function() {
+		it('Test writable text file', function () {
 			cy.openFile('test.txt')
 			checkMenubar()
 		})
 	})
 
-	describe('Enabled', function() {
-		const requireReadOnlyBar = function() {
-			cy.get('.text-editor--readonly-bar').should('exist')
-			cy.get('.text-editor--readonly-bar').getActionEntry('edit').should('exist')
+	describe('Enabled', function () {
+		const requireReadOnlyBar = function () {
+			cy.get('[data-text-el="readonly-bar"]').should('exist')
+			cy.get('[data-text-el="readonly-bar"]')
+				.getActionEntry('edit')
+				.should('exist')
 		}
 
-		const requireMenubar = function() {
-			cy.get('.text-editor--readonly-bar').should('not.exist')
+		const requireMenubar = function () {
+			cy.get('[data-text-el="readonly-bar"]').should('not.exist')
 			cy.get('.text-menubar').getActionEntry('done').should('exist')
 		}
 
-		before(function() {
+		before(function () {
 			setReadOnlyMode(1)
 		})
 
-		beforeEach(function() {
+		beforeEach(function () {
 			cy.login(user)
 			cy.visit('/apps/files')
 		})
 
-		it('Test read-only markdown file', function() {
+		after(function () {
+			setReadOnlyMode(0)
+		})
+
+		it('Test read-only markdown file', function () {
 			cy.openFile('test.md')
 
 			requireReadOnlyBar()
 
 			// Switch to edit-mode
-			cy.get('.text-editor--readonly-bar').getActionEntry('edit').click()
+			cy.get('[data-text-el="readonly-bar"]').getActionEntry('edit').click()
 
 			requireMenubar()
 
@@ -86,16 +92,16 @@ describe('Open read-only mode', function() {
 			requireReadOnlyBar()
 		})
 
-		it('Test read-only text file', function() {
+		it('Test read-only text file', function () {
 			cy.openFile('test.txt')
 
 			requireReadOnlyBar()
 
 			// Switch to edit-mode
-			cy.get('.text-editor--readonly-bar').getActionEntry('edit').click()
+			cy.get('[data-text-el="readonly-bar"]').getActionEntry('edit').click()
 
 			// Check that read-only bar does not exist
-			cy.get('.text-editor--readonly-bar').should('not.exist')
+			cy.get('[data-text-el="readonly-bar"]').should('not.exist')
 		})
 	})
 })

cypress/e2e/share.spec.js

@@ -40,7 +40,7 @@ describe('Open test.md in viewer', function() {
 					.should('contain', 'Hello world')
 					.find('h2').should('contain', 'Hello world')
 
-				cy.get('.text-editor--readonly-bar')
+				cy.get('[data-text-el="readonly-bar"]')
 					.getActionEntry('outline')
 					.click()