From a6d0e4cc0b6421b46a2661a67f18bf73985e400a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs=20Espino?= Date: Tue, 30 Mar 2021 20:33:21 +0200 Subject: [PATCH] Fixing cypress tests --- webapp/cypress/integration/createBoard.js | 10 +++++----- webapp/src/components/table/table.scss | 6 +++--- webapp/src/styles/main.scss | 8 ++++---- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/webapp/cypress/integration/createBoard.js b/webapp/cypress/integration/createBoard.js index b851eeb72..210cc97be 100644 --- a/webapp/cypress/integration/createBoard.js +++ b/webapp/cypress/integration/createBoard.js @@ -34,13 +34,13 @@ describe('Create and delete board / card', () => { // Rename board view const boardViewTitle = `Test board (${timestamp})`; cy.get('.ViewHeader'). - contains('.octo-editable', 'Board view'). + contains('.Editable', 'Board view'). clear(). type(boardViewTitle). type('{esc}'); cy.get('.ViewHeader'). - contains('.octo-editable', boardViewTitle). + contains('.Editable', boardViewTitle). should('exist'); }); @@ -72,7 +72,7 @@ describe('Create and delete board / card', () => { // cy.wait('@insertBlocks'); // Wait for round-trip to complete and DOM to update - cy.contains('.octo-editable', 'Table view').should('exist'); + cy.contains('.Editable', 'Table view').should('exist'); // Card should exist in table cy.get(`.TableRow [value='${cardTitle}']`).should('exist'); @@ -82,13 +82,13 @@ describe('Create and delete board / card', () => { // Rename table view const tableViewTitle = `Test table (${timestamp})`; cy.get('.ViewHeader'). - contains('.octo-editable', 'Table view'). + contains('.Editable', 'Table view'). clear(). type(tableViewTitle). type('{esc}'); cy.get('.ViewHeader'). - contains('.octo-editable', tableViewTitle). + contains('.Editable', tableViewTitle). should('exist'); }); diff --git a/webapp/src/components/table/table.scss b/webapp/src/components/table/table.scss index bad0d2a5c..82397d9f5 100644 --- a/webapp/src/components/table/table.scss +++ b/webapp/src/components/table/table.scss @@ -49,13 +49,13 @@ border: 1px solid rgba(46, 170, 220, 0.6); } - .octo-editable { + .Editable { padding: 0 5px; display: relative; left: -5px; } - .octo-editable.octo-editable.active { + .Editable.Editable.active { overflow: hidden; } @@ -65,7 +65,7 @@ text-overflow: ellipsis; } - .octo-editable, + .Editable, .octo-propertyvalue { text-align: left; white-space: nowrap; diff --git a/webapp/src/styles/main.scss b/webapp/src/styles/main.scss index f0e71f02f..4373e2340 100644 --- a/webapp/src/styles/main.scss +++ b/webapp/src/styles/main.scss @@ -161,11 +161,11 @@ button { /*-- Editable --*/ -.octo-editable { +.Editable { cursor: text; } -.octo-editable.active { +.Editable.active { min-width: 100px; } @@ -187,8 +187,8 @@ button { } -.octo-propertyvalue.octo-editable.active, -.octo-table-cell .octo-editable.active { +.octo-propertyvalue.Editable.active, +.octo-table-cell .Editable.active { border-radius: 3px; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; }