Add Roulette to RRCP Experiment Methodologies

app/models/Methodology.scala

@@ -19,6 +19,11 @@ case class EpsilonGreedyBandit(
   testName: Option[String] = None
 ) extends Methodology
 
+case class Roulette(
+  name: String = "Roulette",
+  testName: Option[String] = None
+) extends Methodology
+
 case object Methodology {
   val defaultMethodologies = List(ABTest())
 

public/src/components/channelManagement/TestMethodologyEditor.tsx

@@ -16,7 +16,8 @@ import AddIcon from '@mui/icons-material/Add';
 import Alert from '@mui/lab/Alert';
 import { addMethodologyToTestName } from './helpers/methodology';
 
-const isBandit = (methodology: Methodology): boolean => methodology.name === 'EpsilonGreedyBandit';
+const isBandit = (methodology: Methodology): boolean =>
+  methodology.name === 'EpsilonGreedyBandit' || methodology.name === 'Roulette';
 
 const useStyles = makeStyles(({ spacing, palette }: Theme) => ({
   container: {
@@ -89,6 +90,8 @@ const TestMethodology: React.FC<TestMethodologyProps> = ({
     const value = event.target.value as Methodology['name'];
     if (value === 'EpsilonGreedyBandit') {
       onChange(defaultEpsilonGreedyBandit);
+    } else if (value === 'Roulette') {
+      onChange({ name: 'Roulette' });
     } else {
       onChange({ name: 'ABTest' });
     }
@@ -107,6 +110,9 @@ const TestMethodology: React.FC<TestMethodologyProps> = ({
           <MenuItem value={'EpsilonGreedyBandit'} key={'EpsilonGreedyBandit'}>
             Epsilon-greedy bandit
           </MenuItem>
+          <MenuItem value={'Roulette'} key={'Roulette'}>
+            Roulette
+          </MenuItem>
         </Select>
       </div>
       {methodology.name === 'EpsilonGreedyBandit' && (

public/src/components/channelManagement/helpers/methodology.ts

@@ -6,6 +6,8 @@ export const addMethodologyToTestName = (testName: string, methodology: Methodol
   const suffix = secondPart ? `__${secondPart}` : '';
   if (methodology.name === 'EpsilonGreedyBandit') {
     return `${firstPart}_EpsilonGreedyBandit-${methodology.epsilon}${suffix}`;
+  } else if (methodology.name === 'Roulette') {
+    return `${firstPart}_Roulette${suffix}`;
   } else {
     return `${firstPart}_ABTest${suffix}`;
   }

public/src/components/channelManagement/helpers/shared.ts

@@ -20,10 +20,14 @@ interface EpsilonGreedyBanditMethodology {
   name: 'EpsilonGreedyBandit';
   epsilon: number;
 }
+interface RouletteMethodology {
+  name: 'Roulette';
+}
 // each methodology may have an optional testName, which should be used for tracking
 export type Methodology = { testName?: string } & (
   | ABTestMethodology
   | EpsilonGreedyBanditMethodology
+  | RouletteMethodology
 );
 
 export interface Test {

public/src/components/channelManagement/testListTest.tsx

@@ -83,7 +83,9 @@ const TestListTest: React.FC<TestListTestProps> = ({
   const classes = useStyles();
 
   const hasArticleCount = test.articlesViewedSettings !== undefined;
-  const isBanditTest = test.methodologies.find(method => method.name === 'EpsilonGreedyBandit');
+  const isBanditTest = test.methodologies.find(
+    method => method.name === 'EpsilonGreedyBandit' || method.name === 'Roulette',
+  );
 
   const [ref, isHovered] = useHover<HTMLDivElement>();