chore: data for cypress

new-lamassu-admin/package-lock.json

@@ -23,7 +23,6 @@
         "apollo-link-http": "^1.5.17",
         "apollo-upload-client": "^13.0.0",
         "axios": "0.21.1",
-        "base-64": "^1.0.0",
         "bignumber.js": "9.0.0",
         "classnames": "2.2.6",
         "countries-and-timezones": "^2.4.0",
@@ -2684,11 +2683,6 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
-    "node_modules/base-64": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/base-64/-/base-64-1.0.0.tgz",
-      "integrity": "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg=="
-    },
     "node_modules/base-x": {
       "version": "3.0.10",
       "resolved": "https://registry.npmjs.org/base-x/-/base-x-3.0.10.tgz",

new-lamassu-admin/src/components/fake-table/Table.jsx

@@ -53,7 +53,7 @@ const Td = ({
     [classes.size]: !header,
     [classes.bold]: !header && bold
   }
-  return <div className={classnames(className, classNames)}>{children}</div>
+  return <div data-cy={`td-${header}`} className={classnames(className, classNames)}>{children}</div>
 }
 
 const Th = ({ children, ...props }) => {

new-lamassu-admin/src/components/tables/DataTable.jsx

@@ -53,6 +53,7 @@ const Row = ({
   return (
     <div className={classes.rowWrapper}>
       <div
+        data-cy={id}
         className={classnames({ [classes.before]: expanded && index !== 0 })}>
         <Tr
           size={size}

new-lamassu-admin/src/pages/Transactions/DetailsCard.jsx

@@ -235,9 +235,9 @@ const DetailsRow = ({ it: tx, timezone }) => {
   }
 
   return (
-    <div className={classes.wrapper}>
+    <div data-cy="details" className={classes.wrapper}>
       <div className={classes.row}>
-        <div className={classes.direction}>
+        <div data-cy="direction" className={classes.direction}>
           <Label>Direction</Label>
           <div>
             <span className={classes.txIcon}>
@@ -247,7 +247,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
           </div>
         </div>
 
-        <div className={classes.availableIds}>
+        <div data-cy="availableIds" className={classes.availableIds}>
           <Label>Available IDs</Label>
           <Box display="flex" flexDirection="row">
             {tx.customerPhone && (
@@ -332,11 +332,11 @@ const DetailsRow = ({ it: tx, timezone }) => {
             )}
           </Box>
         </div>
-        <div className={classes.exchangeRate}>
+        <div data-cy="exchangeRate" className={classes.exchangeRate}>
           <Label>Exchange rate</Label>
           <div>{crypto > 0 ? displayExRate : '-'}</div>
         </div>
-        <div className={classes.commission}>
+        <div data-cy="commission" className={classes.commission}>
           <Label>Commission</Label>
           <div className={classes.container}>
             {`${commission} ${tx.fiatCode} (${commissionPercentage} %)`}
@@ -347,13 +347,13 @@ const DetailsRow = ({ it: tx, timezone }) => {
             )}
           </div>
         </div>
-        <div>
+        <div data-cy="fixedFee">
           <Label>Fixed fee</Label>
           <div>{`${fixedFee} ${tx.fiatCode}`}</div>
         </div>
       </div>
       <div className={classes.secondRow}>
-        <div className={classes.address}>
+        <div data-cy="address" className={classes.address}>
           <div className={classes.addressHeader}>
             <Label>Address</Label>
             {!R.isNil(tx.walletScore) && (
@@ -368,7 +368,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
             </CopyToClipboard>
           </div>
         </div>
-        <div className={classes.transactionId}>
+        <div data-cy="transactionId" className={classes.transactionId}>
           <Label>Transaction ID</Label>
           <div>
             {tx.txClass === 'cashOut' ? (
@@ -379,18 +379,18 @@ const DetailsRow = ({ it: tx, timezone }) => {
           </div>
         </div>
         {tx.txClass === 'cashIn' && (
-          <div className={classes.blockFee}>
+          <div data-cy="networkFee" className={classes.blockFee}>
             <Label>Network Fee</Label>
             {cryptoFee}
           </div>
         )}
-        <div className={classes.sessionId}>
+        <div data-cy="sessionId" className={classes.sessionId}>
           <Label>Session ID</Label>
           <CopyToClipboard>{tx.id}</CopyToClipboard>
         </div>
       </div>
       <div className={classes.lastRow}>
-        <div className={classes.status}>
+        <div data-cy="status" className={classes.status}>
           {errorElements}
           {((tx.txClass === 'cashOut' && getStatus(tx) === 'Pending') ||
             (tx.txClass === 'cashIn' && getStatus(tx) === 'Batched')) && (
@@ -409,7 +409,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
           )}
         </div>
         {!R.isNil(tx.swept) && R.includes(tx.cryptoCode, SWEEPABLE_CRYPTOS) && (
-          <div className={classes.swept}>
+          <div data-cy="swept" className={classes.swept}>
             <Label>Sweep status</Label>
             <span className={classes.bold}>
               {tx.swept ? `Swept` : `Unswept`}

new-lamassu-admin/src/pages/Transactions/Transactions.jsx

@@ -191,7 +191,7 @@ const Transactions = () => {
         <div className={classes.flexWrapper}>
           <div className={classes.overflowTd}>{Customer.displayName(it)}</div>
           {!it.isAnonymous && (
-            <div onClick={() => redirect(it.customerId)}>
+            <div data-cy="customer-link" onClick={() => redirect(it.customerId)}>
               {it.hasError || it.batchError ? (
                 <CustomerLinkWhiteIcon className={classes.customerLinkIcon} />
               ) : (