add the testcasecoverage folder

src/components/testCaseLanding/qdm/TestCaseCoverage/CoverageTabs/CoverageTab.tsx

@@ -0,0 +1,16 @@
+import React, { useEffect, useState } from "react";
+interface Props {
+  population: string;
+  populationText: any;
+}
+import { Accordion } from "@madie/madie-design-system/dist/react";
+
+const CoverageTab = ({ population, populationText }: Props) => {
+  return (
+    <Accordion title={population} isOpen={true}>
+      <pre>{populationText.text}</pre>
+    </Accordion>
+  );
+};
+
+export default CoverageTab;

src/components/testCaseLanding/qdm/TestCaseCoverage/CoverageTabs/CoverageTabList.tsx

@@ -0,0 +1,35 @@
+import React, { useEffect, useState } from "react";
+import _, { isEmpty } from "lodash";
+import CoverageTab from "./CoverageTab";
+
+import { MappedCql } from "../../../../../util/GroupCoverageHelpers";
+import "twin.macro";
+import "styled-components/macro";
+interface Props {
+  groupPopulations: any;
+  mappedCql: MappedCql;
+}
+
+const CoverageTabList = ({ groupPopulations, mappedCql }: Props) => {
+  return (
+    <>
+      <div tw="border-b pb-2">{}</div>
+
+      {mappedCql &&
+        groupPopulations.map((pop) => {
+          return (
+            <CoverageTab
+              population={pop.name}
+              populationText={mappedCql[pop.name]}
+            />
+          );
+        })}
+      <div tw="flex mt-5" key={"1"}>
+        <div tw="flex-none w-1/5"></div>
+        <div></div>
+      </div>
+    </>
+  );
+};
+
+export default CoverageTabList;

src/components/testCaseLanding/qdm/TestCaseCoverage/TestCaseCoverage.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+// import QdmGroupCoverage from "../../../groupCoverage/QdmGroupCoverage";
+import { isEmpty } from "lodash";
+import { MadieAlert } from "@madie/madie-design-system/dist/react";
+import { mapCql, mapCoverageCql } from "../../../../util/GroupCoverageHelpers";
+import "twin.macro";
+import "styled-components/macro";
+import CoverageTabList from "./CoverageTabs/CoverageTabList";
+
+const TestCaseCoverage = ({
+  calculationResults,
+  groupPopulations,
+  measureCql,
+  measureGroups,
+  calculationErrors,
+}) => {
+  return (
+    <div tw="p-5" style={{ paddingRight: ".25rem" }}>
+      <CoverageTabList
+        groupPopulations={groupPopulations.populations.filter(
+          (pop) => pop.definition
+        )}
+        mappedCql={mapCoverageCql(measureCql, groupPopulations)}
+      />
+    </div>
+  );
+};
+
+export default TestCaseCoverage;