From 49d326a108905ebc759bd0da48cda8bcbcc12c99 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Tue, 20 Jun 2023 05:14:46 +0900
Subject: [PATCH] fix e2e test

---
 cypress/e2e/widgets.cy.js                      | 7 +++++++
 packages/frontend/src/ui/universal.widgets.vue | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/cypress/e2e/widgets.cy.js b/cypress/e2e/widgets.cy.js
index 2158aca571..f5a982eb0a 100644
--- a/cypress/e2e/widgets.cy.js
+++ b/cypress/e2e/widgets.cy.js
@@ -22,17 +22,24 @@ describe('After user signed in', () => {
 		cy.wait(1000);
 	});
 
+  it('widget edit toggle is visible', () => {
+		cy.get('[data-cy-widget-edit]').should('be.visible');
+  });
+
 	it('widget select should be visible in edit mode', () => {
+		cy.get('[data-cy-widget-edit]').click();
 		cy.get('[data-cy-widget-select]').should('be.visible');
   });
 
 	it('first widget should be removed', () => {
+		cy.get('[data-cy-widget-edit]').click();
 		cy.get('[data-cy-customize-container]:first-child [data-cy-customize-container-remove]._button').click();
 		cy.get('[data-cy-customize-container]').should('have.length', 2);
 	});
 
 	function buildWidgetTest(widgetName) {
 		it(`${widgetName} widget should get added`, () => {
+			cy.get('[data-cy-widget-edit]').click();
 			cy.get('[data-cy-widget-select] select').select(widgetName, { force: true });
 			cy.get('[data-cy-bg]._modalBg[data-cy-transparent]').click({ multiple: true, force: true });
 			cy.get('[data-cy-widget-add]').click({ force: true });
diff --git a/packages/frontend/src/ui/universal.widgets.vue b/packages/frontend/src/ui/universal.widgets.vue
index 8083e459b5..87d31f2c3b 100644
--- a/packages/frontend/src/ui/universal.widgets.vue
+++ b/packages/frontend/src/ui/universal.widgets.vue
@@ -4,7 +4,7 @@
 
 	<!-- <button v-if="editMode" class="_textButton" style="font-size: 0.9em;" @click="editMode = false"><i class="ti ti-check"></i> {{ i18n.ts.editWidgetsExit }}</button>
 	<button v-else class="_textButton" data-cy-widget-edit :class="$style.edit" style="font-size: 0.9em;" @click="editMode = true"><i class="ti ti-pencil"></i> {{ i18n.ts.editWidgets }}</button> -->
-	<button v-if="!editMode" class="_textButton" :class="$style.edit" style="font-size: 0.9em;" @click="editMode = true"><i class="ti ti-pencil"></i> {{ i18n.ts.editWidgets }}</button>
+	<button v-if="!editMode" class="_textButton" data-cy-widget-edit :class="$style.edit" style="font-size: 0.9em;" @click="editMode = true"><i class="ti ti-pencil"></i> {{ i18n.ts.editWidgets }}</button>
 </div>
 </template>