test: fixed failing UI test

cypress/integration/workspace_blocks.js

@@ -71,6 +71,11 @@ context('Workspace Blocks', () => {
 			}
 		]);
 
+		cy.intercept({
+			method: 'GET',
+			url: 'api/method/frappe.desk.form.load.getdoctype'
+		}).as('get_doctype');
+
 		cy.get('.codex-editor__redactor .ce-block');
 		cy.get('.standard-actions .btn-secondary[data-label=Edit]').click();
 
@@ -82,6 +87,7 @@ context('Workspace Blocks', () => {
 
 		cy.fill_field('document_type', 'ToDo', 'Link').blur();
 		cy.fill_field('label', 'ToDo', 'Data').blur();
+		cy.wait('@get_doctype');
 
 		cy.get_open_dialog().find('.filter-edit-area').should('contain', 'No filters selected');
 		cy.get_open_dialog().find('.filter-area .add-filter').click();
@@ -102,7 +108,7 @@ context('Workspace Blocks', () => {
 		cy.get('@todo-quick-list').find('.quick-list-item .status').should('contain', 'Open');
 
 		// test filter-list
-		cy.get('@todo-quick-list').find('.widget-control .filter-list').click();
+		cy.get('@todo-quick-list').realHover().find('.widget-control .filter-list').click();
 
 		cy.get_open_dialog().find('select.input-with-feedback').select('Closed');
 		cy.get_open_dialog().find('.modal-header').click();
@@ -117,12 +123,12 @@ context('Workspace Blocks', () => {
 			url: 'api/method/frappe.desk.reportview.get'
 		}).as('refresh-list');
 
-		cy.get('@todo-quick-list').find('.widget-control .refresh-list').click();
+		cy.get('@todo-quick-list').realHover().find('.widget-control .refresh-list').click();
 		cy.wait('@refresh-list');
 
 
 		// test add-new
-		cy.get('@todo-quick-list').find('.widget-control .add-new').click();
+		cy.get('@todo-quick-list').realHover().find('.widget-control .add-new').click();
 		cy.url().should('include', `/todo/new-todo-1`);
 		cy.go('back');
 

cypress/support/commands.js

@@ -1,6 +1,7 @@
 import 'cypress-file-upload';
 import '@testing-library/cypress/add-commands';
 import '@4tw/cypress-drag-drop';
+import "cypress-real-events/support";
 // ***********************************************
 // This example commands.js shows you how to
 // create various custom commands and overwrite

frappe/commands/utils.py

@@ -870,7 +870,7 @@ def run_ui_tests(
 		# install cypress
 		click.secho("Installing Cypress...", fg="yellow")
 		frappe.commands.popen(
-			"yarn add cypress@^6 cypress-file-upload@^5 @4tw/cypress-drag-drop@^2 @testing-library/cypress@^8 @cypress/code-coverage@^3 --no-lockfile"
+			"yarn add cypress@^6 cypress-file-upload@^5 @4tw/cypress-drag-drop@^2 cypress-real-events @testing-library/cypress@^8 @cypress/code-coverage@^3 --no-lockfile"
 		)
 
 	# run for headless mode