Fix tests caused due to name aliasing

1-Harshit · Nov 17, 2023 · e4a2240 · e4a2240
1 parent 5338a7b
commit e4a2240
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 11 deletions.
diff --git a/src/components/editor/EditorAreaMenu.tsx b/src/components/editor/EditorAreaMenu.tsx
@@ -127,7 +127,7 @@ export default function Banner(props: { [x: string]: any }) {
 	};
 
 	return (
-		<Menu isOpen={isOpen1} onClose={onClose1}>
+		<Menu isOpen={isOpen1} onClose={onClose1} id="editor-area-menu">
 			<MenuButton
 				alignItems='center'
 				justifyContent='center'
@@ -167,6 +167,7 @@ export default function Banner(props: { [x: string]: any }) {
 					}}
 					mb='10px'
 					onClick={handleSave}
+					id="save-button"
 					>
 					<Flex align='center'>
 						<Icon as={AiOutlineSave} h='16px' w='16px' me='8px' />
@@ -189,6 +190,7 @@ export default function Banner(props: { [x: string]: any }) {
 					}}
 					mb='10px'
 					onClick={handleOpen}
+					id="open-button"
 					>
 					<input type="file" accept=".txt, .html" id="fileInput" style={{ display: "none" }} onChange={handleFileInputChange}/>
 					<Flex align='center'>
@@ -212,6 +214,7 @@ export default function Banner(props: { [x: string]: any }) {
 					}}
 					mb='10px'
 					onClick={handleHTMLSave}
+					id="export-button"
 					>
 					<Flex align='center'>
 						<Icon as={AiOutlineExport} h='16px' w='16px' me='8px' />
@@ -232,7 +235,9 @@ export default function Banner(props: { [x: string]: any }) {
 					_focus={{
 						bg: 'transparent'
 					}}
-					onClick={handleClear}>
+					onClick={handleClear}
+					id="clear-button"
+					>
 					<Flex align='center'>
 						<Icon as={AiOutlineClear} h='16px' w='16px' me='8px' />
 						<Text fontSize='sm' fontWeight='400'>

diff --git a/src/tests/EditorHome-alignment.cy.tsx b/src/tests/EditorHome-alignment.cy.tsx
@@ -17,8 +17,8 @@ beforeEach(() => {
 	cy.get("#word-count").should("have.text", wordCount);
 
 	// clear editor
-	cy.get("#menu-button-24").click();
-	cy.get("#menu-list-24-menuitem-22 > .css-70qvj9 > .chakra-text").click();
+	cy.get("#menu-button-editor-area-menu").click();
+	cy.get("#menu-list-editor-area-menu-menuitem-42 > .css-70qvj9 > .chakra-text").click();
 
 	// editor should be empty
 	cy.get("#editor-main").should("have.text", "");

diff --git a/src/tests/EditorHome-formatting.cy.tsx b/src/tests/EditorHome-formatting.cy.tsx
@@ -17,8 +17,8 @@ beforeEach(() => {
 	cy.get("#word-count").should("have.text", wordCount);
 
 	// clear editor
-	cy.get("#menu-button-24").click();
-	cy.get("#menu-list-24-menuitem-22 > .css-70qvj9 > .chakra-text").click();
+	cy.get("#menu-button-editor-area-menu").click();
+	cy.get("#menu-list-editor-area-menu-menuitem-42 > .css-70qvj9 > .chakra-text").click();
 
 	// editor should be empty
 	cy.get("#editor-main").should("have.text", "");

diff --git a/src/tests/EditorHome-lists.cy.tsx b/src/tests/EditorHome-lists.cy.tsx
@@ -17,9 +17,9 @@ beforeEach(() => {
 	cy.get("#word-count").should("have.text", wordCount);
 
 	// clear editor
-	// click on cy.get('#menu-button-24')
-	cy.get("#menu-button-24").click();
-	cy.get("#menu-list-24-menuitem-22 > .css-70qvj9 > .chakra-text").click();
+	// click on cy.get('#menu-button-editor-area-menu')
+	cy.get("#menu-button-editor-area-menu").click();
+	cy.get("#menu-list-editor-area-menu-menuitem-42 > .css-70qvj9 > .chakra-text").click();
 
 	cy.get("#word-count").should("have.text", 0);
 

diff --git a/src/tests/EditorHome.cy.tsx b/src/tests/EditorHome.cy.tsx
@@ -18,8 +18,8 @@ describe("<EditorHome />", () => {
 		cy.get("#word-count").should("have.text", wordCount);
 
 		// clear editor
-		cy.get("#menu-button-24").click();
-		cy.get("#menu-list-24-menuitem-22 > .css-70qvj9 > .chakra-text").click();
+		cy.get("#menu-button-editor-area-menu").click();
+		cy.get("#menu-list-editor-area-menu-menuitem-42 > .css-70qvj9 > .chakra-text").click();
 
 		// word count should be 0
 		cy.get("#word-count").should("have.text", 0);