F #6718: Add data-cy for tests (#3246)

src/fireedge/src/client/components/MultipleTags/index.js

@@ -116,7 +116,7 @@ MultipleTags.propTypes = {
   tags: PropTypes.any,
   limitTags: PropTypes.number,
   clipboard: PropTypes.bool,
-  truncateText: PropTypes.bool,
+  truncateText: PropTypes.number,
 }
 MultipleTags.displayName = 'MultipleTags'
 

src/fireedge/src/client/components/Tables/ACLs/row.js

@@ -26,7 +26,7 @@ import { ACL_TABLE_VIEWS } from 'client/constants'
 import PropTypes from 'prop-types'
 
 const Row = (viewType) => {
-  const aclRow = ({ original, value, headerList, ...props }) => {
+  const aclRow = ({ original, value, headerList, rowDataCy, ...props }) => {
     // Check what view show in the table cards
     if (viewType === ACL_TABLE_VIEWS.NAMES.type) {
       return <ACLCardNames rootProps={props} acl={value} />

src/fireedge/src/client/components/Tables/AllImages/row.js

@@ -35,7 +35,7 @@ import { T } from 'client/constants'
 import * as Helper from 'client/models/Helper'
 import * as ImageModel from 'client/models/Image'
 
-const Row = ({ original, value, headerList, ...props }) => {
+const Row = ({ original, value, headerList, rowDataCy, ...props }) => {
   const classes = rowStyles()
   const {
     ID,
@@ -127,6 +127,7 @@ Row.propTypes = {
   isSelected: PropTypes.bool,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/BackupJobs/row.js

@@ -23,7 +23,7 @@ import backupjobApi, {
 import { jsonToXml } from 'client/models/Helper'
 
 const Row = memo(
-  ({ original, value, onClickLabel, headerList, ...props }) => {
+  ({ original, value, onClickLabel, headerList, rowDataCy, ...props }) => {
     const [update] = useUpdateBackupJobMutation()
 
     const state = backupjobApi.endpoints.getBackupJobs.useQueryState(
@@ -68,6 +68,7 @@ Row.propTypes = {
   onClick: PropTypes.func,
   onClickLabel: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'VirtualDataCenterRow'

src/fireedge/src/client/components/Tables/Backups/row.js

@@ -45,7 +45,14 @@ import { T } from 'client/constants'
 import * as Helper from 'client/models/Helper'
 import * as ImageModel from 'client/models/Image'
 
-const Row = ({ original, value, onClickLabel, headerList, ...props }) => {
+const Row = ({
+  original,
+  value,
+  onClickLabel,
+  headerList,
+  rowDataCy,
+  ...props
+}) => {
   const [update] = useUpdateImageMutation()
   const { labels: userLabels } = useAuth()
 
@@ -188,6 +195,7 @@ Row.propTypes = {
   handleClick: PropTypes.func,
   onClickLabel: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/Clusters/row.js

@@ -24,7 +24,7 @@ import { rowStyles } from 'client/components/Tables/styles'
 import { Tr } from 'client/components/HOC'
 import { T } from 'client/constants'
 
-const Row = ({ original, value, headerList, ...props }) => {
+const Row = ({ original, value, headerList, rowDataCy, ...props }) => {
   const classes = rowStyles()
   const { ID, NAME, HOSTS, DATASTORES, VNETS, PROVIDER_NAME } = value
 
@@ -77,6 +77,7 @@ Row.propTypes = {
   isSelected: PropTypes.bool,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/Datastores/row.js

@@ -23,7 +23,15 @@ import api, {
 } from 'client/features/OneApi/datastore'
 
 const Row = memo(
-  ({ original, value, onClickLabel, zone, headerList, ...props }) => {
+  ({
+    original,
+    value,
+    onClickLabel,
+    zone,
+    headerList,
+    rowDataCy,
+    ...props
+  }) => {
     const [update] = useUpdateDatastoreMutation()
     const {
       data: datastores,
@@ -73,6 +81,7 @@ Row.propTypes = {
   onClickLabel: PropTypes.func,
   zone: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'DatastoreRow'

src/fireedge/src/client/components/Tables/Enhanced/WrapperRow.js

@@ -35,19 +35,25 @@ const listStyles = makeStyles(({ palette }) => ({
  */
 const RowStyle = memo(
   ({
-    original,
-    value,
+    original = {},
+    value = {},
     onClickLabel,
     onDeleteLabel,
     globalErrors,
     headerList = [],
     className,
+    rowDataCy = '',
     ...props
   }) => {
+    const { ID = '' } = original
     const styles = listStyles()
 
     return (
-      <TableRow {...props} className={`${styles.row} ${className}`}>
+      <TableRow
+        data-cy={`list-${rowDataCy}-${ID}`}
+        {...props}
+        className={`${styles.row} ${className}`}
+      >
         {headerList.map(({ id, accessor }) => {
           switch (typeof accessor) {
             case 'string':
@@ -71,6 +77,7 @@ RowStyle.propTypes = {
   onDeleteLabel: PropTypes.func,
   globalErrors: PropTypes.array,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
   className: PropTypes.string,
 }
 

src/fireedge/src/client/components/Tables/Enhanced/index.js

@@ -79,6 +79,7 @@ const DataListPerPage = memo(
     zoneId,
     cannotFilterByLabel,
     styles,
+    rootProps: rootPropsTable,
   }) => {
     if (!page.length) {
       return ''
@@ -102,6 +103,7 @@ const DataListPerPage = memo(
           {...(messageValues.length && {
             globalErrors: messageValues,
           })}
+          rowDataCy={rootPropsTable?.['data-cy'] ?? ''}
           className={isSelected ? 'selected' : ''}
           {...(!cannotFilterByLabel && {
             onClickLabel: (label) => {
@@ -165,6 +167,9 @@ DataListPerPage.propTypes = {
   zoneId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   cannotFilterByLabel: PropTypes.any,
   styles: PropTypes.any,
+  rootProps: PropTypes.shape({
+    'data-cy': PropTypes.string,
+  }),
 }
 
 DataListPerPage.displayName = 'DataListPerPage'
@@ -509,6 +514,7 @@ const EnhancedTable = ({
 
         {/* DATALIST PER PAGE */}
         <DataListPerPage
+          rootProps={rootProps}
           page={page}
           prepareRow={prepareRow}
           RowComponent={RowComponent}

src/fireedge/src/client/components/Tables/Hosts/row.js

@@ -20,7 +20,15 @@ import PropTypes from 'prop-types'
 import { memo, useCallback, useMemo } from 'react'
 
 const Row = memo(
-  ({ original, value, onClickLabel, zone, headerList, ...props }) => {
+  ({
+    original,
+    value,
+    onClickLabel,
+    zone,
+    headerList,
+    rowDataCy,
+    ...props
+  }) => {
     const [update] = useUpdateHostMutation()
 
     const {
@@ -72,6 +80,7 @@ Row.propTypes = {
   onClickLabel: PropTypes.func,
   zone: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'HostRow'

src/fireedge/src/client/components/Tables/Images/row.js

@@ -45,7 +45,14 @@ import { prettyBytes } from 'client/utils'
 import * as Helper from 'client/models/Helper'
 import * as ImageModel from 'client/models/Image'
 
-const Row = ({ original, value, onClickLabel, headerList, ...props }) => {
+const Row = ({
+  original,
+  value,
+  onClickLabel,
+  headerList,
+  rowDataCy,
+  ...props
+}) => {
   const [update] = useUpdateImageMutation()
   const { labels: userLabels } = useAuth()
 
@@ -168,6 +175,7 @@ Row.propTypes = {
   handleClick: PropTypes.func,
   onClickLabel: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/Increments/row.js

@@ -31,7 +31,7 @@ import { prettyBytes } from 'client/utils'
 
 import * as Helper from 'client/models/Helper'
 
-const Row = ({ original, value, headerList, ...props }) => {
+const Row = ({ original, value, headerList, rowDataCy, ...props }) => {
   const classes = rowStyles()
   const { ID, TYPE, DATE, SIZE, SOURCE } = value
 
@@ -79,6 +79,7 @@ Row.propTypes = {
   isSelected: PropTypes.bool,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/MarketplaceApps/row.js

@@ -23,7 +23,7 @@ import api, {
 import { jsonToXml } from 'client/models/Helper'
 
 const Row = memo(
-  ({ original, value, onClickLabel, headerList, ...props }) => {
+  ({ original, value, onClickLabel, headerList, rowDataCy, ...props }) => {
     const [update] = useUpdateAppMutation()
 
     const state = api.endpoints.getMarketplaceApps.useQueryState(undefined, {
@@ -65,6 +65,7 @@ Row.propTypes = {
   onClick: PropTypes.func,
   onClickLabel: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'MarketplaceAppRow'

src/fireedge/src/client/components/Tables/Marketplaces/row.js

@@ -20,7 +20,7 @@ import { MarketplaceCard } from 'client/components/Cards'
 import marketplaceApi from 'client/features/OneApi/marketplace'
 
 const Row = memo(
-  ({ original, value, headerList, ...props }) => {
+  ({ original, value, headerList, rowDataCy, ...props }) => {
     const state = marketplaceApi.endpoints.getMarketplaces.useQueryState(
       undefined,
       {
@@ -43,6 +43,7 @@ Row.propTypes = {
   className: PropTypes.string,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'MarketplaceRow'

src/fireedge/src/client/components/Tables/SecurityGroups/row.js

@@ -22,7 +22,7 @@ import PropTypes from 'prop-types'
 import { memo, useCallback, useMemo } from 'react'
 
 const Row = memo(
-  ({ original, value, onClickLabel, headerList, ...props }) => {
+  ({ original, value, onClickLabel, headerList, rowDataCy, ...props }) => {
     const [update] = useUpdateSecGroupMutation()
 
     const {
@@ -75,6 +75,7 @@ Row.propTypes = {
   handleClick: PropTypes.func,
   onClickLabel: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'SecurityGroupRow'

src/fireedge/src/client/components/Tables/ServiceTemplates/row.js

@@ -22,7 +22,7 @@ import serviceTemplateApi, {
 } from 'client/features/OneApi/serviceTemplate'
 
 const Row = memo(
-  ({ original, value, headerList, ...props }) => {
+  ({ original, value, headerList, rowDataCy, ...props }) => {
     const [update] = useUpdateServiceTemplateMutation()
 
     const state =
@@ -64,6 +64,7 @@ Row.propTypes = {
   className: PropTypes.string,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'ServiceTemplateRow'

src/fireedge/src/client/components/Tables/Services/row.js

@@ -20,7 +20,7 @@ import { ServiceCard } from 'client/components/Cards'
 import serviceApi from 'client/features/OneApi/service'
 
 const Row = memo(
-  ({ original, value, headerList, ...props }) => {
+  ({ original, value, headerList, rowDataCy, ...props }) => {
     const state = serviceApi.endpoints.getServices.useQueryState(undefined, {
       selectFromResult: ({ data = [] }) =>
         data.find((service) => +service.ID === +original.ID),
@@ -40,6 +40,7 @@ Row.propTypes = {
   className: PropTypes.string,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'ServiceRow'

src/fireedge/src/client/components/Tables/Support/row.js

@@ -19,7 +19,7 @@ import { memo } from 'react'
 import { SupportCard } from 'client/components/Cards'
 
 const Row = memo(
-  ({ original, value, headerList, ...props }) => (
+  ({ original, value, headerList, rowDataCy, ...props }) => (
     <SupportCard ticket={original} rootProps={props} />
   ),
   (prev, next) => prev.className === next.className
@@ -32,6 +32,7 @@ Row.propTypes = {
   className: PropTypes.string,
   onClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 Row.displayName = 'SupportRow'

src/fireedge/src/client/components/Tables/Users/row.js

@@ -18,7 +18,7 @@ import PropTypes from 'prop-types'
 
 import { UserCard } from 'client/components/Cards'
 
-const Row = ({ original, value, headerList, ...props }) => (
+const Row = ({ original, value, headerList, rowDataCy, ...props }) => (
   <UserCard rootProps={props} user={value} />
 )
 
@@ -28,6 +28,7 @@ Row.propTypes = {
   isSelected: PropTypes.bool,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row

src/fireedge/src/client/components/Tables/VNetworkTemplates/row.js

@@ -25,7 +25,7 @@ import { T } from 'client/constants'
 
 import * as Helper from 'client/models/Helper'
 
-const Row = ({ original, value, headerList, ...props }) => {
+const Row = ({ original, value, headerList, rowDataCy, ...props }) => {
   const classes = rowStyles()
   const { ID, NAME, UNAME, GNAME, LOCK, REGTIME, PROVISION_ID } = value
 
@@ -69,6 +69,7 @@ Row.propTypes = {
   isSelected: PropTypes.bool,
   handleClick: PropTypes.func,
   headerList: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+  rowDataCy: PropTypes.string,
 }
 
 export default Row