feat(test): Playwright testing integration (#4146)

platform/ui/src/components/InvestigationalUseDialog/InvestigationalUseDialog.tsx

@@ -84,6 +84,7 @@ const InvestigationalUseDialog = ({ dialogConfiguration }) => {
           type={ButtonEnums.type.primary}
           onClick={handleConfirmAndHide}
           className="bg-primary-main"
+          dataCY="confirm-and-hide-button"
         >
           Confirm and Hide
         </Button>

platform/ui/src/components/StudyListTable/StudyListTableRow.tsx

@@ -7,7 +7,7 @@ import Icon from '../Icon';
 
 const StudyListTableRow = props => {
   const { tableData } = props;
-  const { row, expandedContent, onClickRow, isExpanded, dataCY } = tableData;
+  const { row, expandedContent, onClickRow, isExpanded, dataCY, clickableCY } = tableData;
   return (
     <>
       <tr
@@ -42,6 +42,7 @@ const StudyListTableRow = props => {
                     { 'bg-secondary-dark': isExpanded }
                   )}
                   onClick={onClickRow}
+                  data-cy={clickableCY}
                 >
                   {row.map((cell, index) => {
                     const { content, title, gridCol } = cell;
@@ -108,6 +109,7 @@ StudyListTableRow.propTypes = {
     onClickRow: PropTypes.func.isRequired,
     isExpanded: PropTypes.bool.isRequired,
     dataCY: PropTypes.string,
+    clickableCY: PropTypes.string,
   }),
 };