diff --git a/src/components/binary-comps/BinaryCode.tsx b/src/components/binary-comps/BinaryCode.tsx
index ad7ec57..925fb80 100644
--- a/src/components/binary-comps/BinaryCode.tsx
+++ b/src/components/binary-comps/BinaryCode.tsx
@@ -10,6 +10,7 @@ import Blue from '../shared/Blue';
 import BinaryCodeDropdown from '../shared/Dropdown';
 import Gold from '../shared/Gold';
 import Tab from '../shared/Tab';
+import { TestCase } from '../shared/TestCase';
 
 function BinaryCode(): JSX.Element {
   const [selectedanswer, setselectedanswer] = useState<
@@ -112,7 +113,6 @@ function BinaryCode(): JSX.Element {
   return (
     <>
       <FinishCodeCard
-        name=""
         description="Your answer will be tested with the given words array at the start with the target word 'pear'."
         correct_answer={[
           givenBinarySearch(arr, 'pear', 0, arr.length - 1) ===
@@ -124,6 +124,12 @@ function BinaryCode(): JSX.Element {
           createBinarySearch(selectedanswer)(arr, 'pear', 0, arr.length - 1)
         } //built function
         answer_key={answerKey} //answer key
+        name="finish"
+        testCases={[
+          new TestCase('1', '1'),
+          new TestCase('2', '2'),
+          new TestCase('3', '3'),
+        ]}
       >
         <div className="left-align">
           <span>
diff --git a/src/components/bunny-comps/BunnyCode.tsx b/src/components/bunny-comps/BunnyCode.tsx
index c90a7b7..866dcfe 100644
--- a/src/components/bunny-comps/BunnyCode.tsx
+++ b/src/components/bunny-comps/BunnyCode.tsx
@@ -5,6 +5,7 @@ import Blue from '../shared/Blue';
 import BunnyCodeDropdown from '../shared/Dropdown';
 import Gold from '../shared/Gold';
 import Tab from '../shared/Tab';
+import { TestCase } from '../shared/TestCase';
 
 function BunnyCode(): JSX.Element {
   const [selectedanswer, setselectedanswer] = useState({
@@ -142,6 +143,11 @@ function BunnyCode(): JSX.Element {
         }
         answer_key={answerKey}
         name="bunny"
+        testCases={[
+          new TestCase('1', '1'),
+          new TestCase('2', '2'),
+          new TestCase('3', '3'),
+        ]}
       >
         <div className="left-align">
           <Blue>def</Blue>
diff --git a/src/components/dining-comps/DiningCode.tsx b/src/components/dining-comps/DiningCode.tsx
index ccc5425..5e5e0cf 100644
--- a/src/components/dining-comps/DiningCode.tsx
+++ b/src/components/dining-comps/DiningCode.tsx
@@ -10,6 +10,7 @@ import Blue from '../shared/Blue';
 import DiningDropDown from '../shared/Dropdown';
 import Gold from '../shared/Gold';
 import Tab from '../shared/Tab';
+import { TestCase } from '../shared/TestCase';
 
 function DiningCode(): JSX.Element {
   const [selectedanswer, setselectedanswer] = useState({
@@ -137,6 +138,11 @@ function DiningCode(): JSX.Element {
         }
         answer_key={answerKey}
         name="dining"
+        testCases={[
+          new TestCase('1', '1'),
+          new TestCase('2', '2'),
+          new TestCase('3', '3'),
+        ]}
       >
         <div className="left-align">
           <span>
diff --git a/src/components/intro_comps/intro_code.tsx b/src/components/intro_comps/intro_code.tsx
index 45812ff..0833df8 100644
--- a/src/components/intro_comps/intro_code.tsx
+++ b/src/components/intro_comps/intro_code.tsx
@@ -5,6 +5,7 @@ import Blue from '../shared/Blue';
 import IntroDropdown from '../shared/Dropdown';
 import Gold from '../shared/Gold';
 import Tab from '../shared/Tab';
+import { TestCase } from '../shared/TestCase';
 
 function IntroCode(): JSX.Element {
   const [selectedanswer, setselectedanswer] = useState({
@@ -90,6 +91,11 @@ function IntroCode(): JSX.Element {
       given_function={() => factorial(5)}
       answer_key={answerKey}
       name="intro"
+      testCases={[
+        new TestCase('1', '1'),
+        new TestCase('2', '2'),
+        new TestCase('3', '3'),
+      ]}
     >
       <div className="left-align">
         <Blue>def</Blue>