-
+
{children}
diff --git a/src/components/Common/Modal/index.tsx b/src/components/Common/Modal/index.tsx
index 083a5fd7..777128c0 100644
--- a/src/components/Common/Modal/index.tsx
+++ b/src/components/Common/Modal/index.tsx
@@ -141,6 +141,7 @@ const Modal: React.FC = ({
{title}
@@ -160,6 +161,7 @@ const Modal: React.FC = ({
onClick={onOk}
className="ml-3"
disabled={okDisabled}
+ data-testid="modal-ok-button"
>
{okText ? okText : 'Ok'}
@@ -170,6 +172,7 @@ const Modal: React.FC = ({
onClick={onSecondary}
className="ml-3"
disabled={secondaryDisabled}
+ data-testid="modal-secondary-button"
>
{secondaryText}
@@ -189,6 +192,7 @@ const Modal: React.FC = ({
buttonType={cancelButtonType}
onClick={onCancel}
className="ml-3 sm:ml-0"
+ data-testid="modal-cancel-button"
>
{cancelText
? cancelText
diff --git a/src/components/Layout/Sidebar/index.tsx b/src/components/Layout/Sidebar/index.tsx
index 5530d954..6c5daae2 100644
--- a/src/components/Layout/Sidebar/index.tsx
+++ b/src/components/Layout/Sidebar/index.tsx
@@ -37,6 +37,7 @@ interface SidebarLinkProps {
as?: string;
requiredPermission?: Permission | Permission[];
permissionType?: 'and' | 'or';
+ dataTestId?: string;
}
const SidebarLinks: SidebarLinkProps[] = [
@@ -72,6 +73,7 @@ const SidebarLinks: SidebarLinkProps[] = [
svgIcon: ,
activeRegExp: /^\/users/,
requiredPermission: Permission.MANAGE_USERS,
+ dataTestId: 'sidebar-menu-users',
},
{
href: '/settings',
@@ -168,6 +170,7 @@ const Sidebar: React.FC = ({ open, setClosed }) => {
: 'hover:bg-gray-700 focus:bg-gray-700'
}
`}
+ data-testid={`${sidebarLink.dataTestId}-mobile`}
>
{sidebarLink.svgIcon}
{intl.formatMessage(
@@ -229,6 +232,7 @@ const Sidebar: React.FC = ({ open, setClosed }) => {
: 'hover:bg-gray-700 focus:bg-gray-700'
}
`}
+ data-testid={sidebarLink.dataTestId}
>
{sidebarLink.svgIcon}
{intl.formatMessage(messages[sidebarLink.messagesKey])}
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 5b57df97..41ba1553 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -68,6 +68,7 @@ const Layout: React.FC = ({ children }) => {
} transition duration-300 focus:outline-none lg:hidden`}
aria-label="Open sidebar"
onClick={() => setSidebarOpen(true)}
+ data-testid="sidebar-toggle"
>
diff --git a/src/components/Login/LocalLogin.tsx b/src/components/Login/LocalLogin.tsx
index 2480a8d5..8ab772db 100644
--- a/src/components/Login/LocalLogin.tsx
+++ b/src/components/Login/LocalLogin.tsx
@@ -77,6 +77,7 @@ const LocalLogin: React.FC = ({ revalidate }) => {
name="email"
type="text"
inputMode="email"
+ data-testid="email"
/>
{errors.email && touched.email && (
@@ -94,6 +95,7 @@ const LocalLogin: React.FC
= ({ revalidate }) => {
name="password"
type="password"
autoComplete="current-password"
+ data-testid="password"
/>
{errors.password && touched.password && (
@@ -113,6 +115,7 @@ const LocalLogin: React.FC