feat: added data-testid for E2E tests (#155)

zextras · Nov 23, 2022 · 3042aa6 · 3042aa6
1 parent caff759
commit 3042aa6
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 1 deletion.
diff --git a/src/shell/boards/board-container.tsx b/src/shell/boards/board-container.tsx
@@ -79,7 +79,12 @@ export const BoardContainer: FC = () => {
 	if (isEmpty(boards) || !current) return null;
 	return (
 		<BoardContainerComp expanded={expanded} minimized={minimized}>
-			<Board background="gray6" crossAlignment="unset" expanded={expanded}>
+			<Board
+				data-testid="NewItemContainer"
+				background="gray6"
+				crossAlignment="unset"
+				expanded={expanded}
+			>
 				<BoardHeader background="gray5">
 					<Padding all="extrasmall">
 						<Tooltip label={t('board.hide', 'Hide board')} placement="top">

diff --git a/src/shell/creation-button.tsx b/src/shell/creation-button.tsx
@@ -56,6 +56,7 @@ export const CreationButtonComponent: FC<{ activeRoute: AppRoute; location: Loca
 	return primaryAction ? (
 		<Container minWidth="80px">
 			<MultiButton
+				data-testid="NewItemButton"
 				size="extralarge"
 				background="primary"
 				label={primaryAction?.label ?? t('new', 'New')}
@@ -68,6 +69,7 @@ export const CreationButtonComponent: FC<{ activeRoute: AppRoute; location: Loca
 	) : (
 		<Dropdown items={secondaryActions} onClose={onClose} onOpen={onOpen}>
 			<Button
+				data-testid="NewItemButton"
 				size="extralarge"
 				backgroundColor="primary"
 				label={t('new', 'New')}

diff --git a/src/shell/shell-header.tsx b/src/shell/shell-header.tsx
@@ -66,6 +66,7 @@ const ShellHeader: FC<{
 	const searchEnabled = useAppStore((s) => s.views.search.length > 0);
 	return (
 		<Container
+			data-testid="MainHeaderContainer"
 			orientation="horizontal"
 			background="gray3"
 			width="fill"
@@ -84,6 +85,7 @@ const ShellHeader: FC<{
 					maxWidth="75%"
 					mainAlignment="flex-start"
 					minWidth="fit-content"
+					data-testid="HeaderMainLogoContainer"
 				>
 					<Responsive mode="mobile">
 						<Padding right="small">

diff --git a/src/shell/shell-primary-bar.tsx b/src/shell/shell-primary-bar.tsx
@@ -124,6 +124,7 @@ const ShellPrimaryBarComponent: FC<{ activeRoute: AppRoute }> = ({ activeRoute }
 			orientation="vertical"
 			mainAlignment="flex-start"
 			crossAlignment="flex-start"
+			data-testid="SideMenuContainer"
 		>
 			<Row
 				mainAlignment="flex-start"

diff --git a/src/shell/shell-secondary-bar.tsx b/src/shell/shell-secondary-bar.tsx
@@ -46,6 +46,7 @@ const ShellSecondaryBarComponent: FC<{ activeRoute: AppRoute }> = ({ activeRoute
 	return disabled ? null : (
 		<>
 			<SidebarContainer
+				data-testid="SideSecondaryBarContainer"
 				sidebarIsOpen={isOpen}
 				role="menu"
 				height="fill"