First pass at CSS identifiers + test to verify they are set. For #2193

web/components/action-buttons/ActionButton/ActionButton.tsx

@@ -1,5 +1,6 @@
 import { Button } from 'antd';
 import { FC } from 'react';
+import cn from 'classnames';
 import { ExternalAction } from '../../../interfaces/external-action';
 import styles from './ActionButton.module.scss';
 
@@ -19,7 +20,7 @@ export const ActionButton: FC<ActionButtonProps> = ({
   return (
     <Button
       type={primary ? 'primary' : 'default'}
-      className={`${styles.button}`}
+      className={cn([`${styles.button}`, 'action-button'])}
       onClick={() => externalActionSelected(action)}
       style={{ backgroundColor: color }}
     >

web/components/action-buttons/FollowButton.tsx

@@ -16,6 +16,7 @@ export const FollowButton: FC<FollowButtonProps> = ({ onClick, props }) => (
     className={styles.button}
     icon={<HeartFilled />}
     onClick={onClick}
+    id="follow-button"
   >
     Follow
   </Button>

web/components/action-buttons/NotifyButton.tsx

@@ -9,7 +9,13 @@ export type NotifyButtonProps = {
 };
 
 export const NotifyButton: FC<NotifyButtonProps> = ({ onClick, text }) => (
-  <Button type="primary" className={`${styles.button}`} icon={<BellFilled />} onClick={onClick}>
+  <Button
+    type="primary"
+    className={`${styles.button}`}
+    icon={<BellFilled />}
+    onClick={onClick}
+    id="notify-button"
+  >
     {text || 'Notify'}
   </Button>
 );