feat(admin): Ballot Count Report Builder (#4019)

votingworks · Oct 4, 2023 · 767f4ef · 767f4ef
1 parent 33b9ee2
commit 767f4ef
Show file tree

Hide file tree

Showing 31 changed files with 1,743 additions and 109 deletions.
diff --git a/apps/admin/frontend/src/api.ts b/apps/admin/frontend/src/api.ts
@@ -424,9 +424,16 @@ export const getCardCounts = {
   queryKey(input?: GetCardCountsInput): QueryKey {
     return input ? ['getCardCounts', input] : ['getCardCounts'];
   },
-  useQuery(input: GetCardCountsInput = { groupBy: {} }) {
+  useQuery(
+    input: GetCardCountsInput = { groupBy: {} },
+    options: { enabled: boolean } = { enabled: true }
+  ) {
     const apiClient = useApiClient();
-    return useQuery(this.queryKey(input), () => apiClient.getCardCounts(input));
+    return useQuery(
+      this.queryKey(input),
+      () => apiClient.getCardCounts(input),
+      options
+    );
   },
 } as const;
 
@@ -674,6 +681,13 @@ export const exportTallyReportCsv = {
   },
 } as const;
 
+export const exportBallotCountReportCsv = {
+  useMutation() {
+    const apiClient = useApiClient();
+    return useMutation(apiClient.exportBallotCountReportCsv);
+  },
+} as const;
+
 export const saveBallotPackageToUsb = {
   useMutation() {
     const apiClient = useApiClient();

diff --git a/apps/admin/frontend/src/components/ballot_counts_table.test.tsx b/apps/admin/frontend/src/components/ballot_counts_table.test.tsx
@@ -51,7 +51,7 @@ describe('Ballot Counts by Precinct', () => {
     ];
 
   it('renders as expected when there is no tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByPrecinct: true }),
       []
     );
@@ -86,7 +86,7 @@ describe('Ballot Counts by Precinct', () => {
   });
 
   it('renders as expected when there is tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByPrecinct: true }),
       cardCountsByPrecinct
     );
@@ -144,7 +144,7 @@ describe('Ballot Counts by Scanner', () => {
   const scannerIds = ['scanner-1', 'scanner-2'];
 
   it('renders as expected when there is no tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByScanner: true }),
       []
     );
@@ -165,7 +165,7 @@ describe('Ballot Counts by Scanner', () => {
   });
 
   it('renders as expected when there is tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByScanner: true }),
       cardCountsByScanner
     );
@@ -206,7 +206,7 @@ describe('Ballot Counts by Scanner', () => {
   });
 
   it('renders as expected when there is tally data and manual data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByScanner: true }),
       cardCountsByScanner
     );
@@ -263,7 +263,7 @@ describe('Ballots Counts by Party', () => {
   ];
 
   it('renders as expected when there is no data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByParty: true }),
       []
     );
@@ -303,7 +303,7 @@ describe('Ballots Counts by Party', () => {
   });
 
   it('renders as expected when there is tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByParty: true }),
       cardCountsByParty
     );
@@ -369,7 +369,7 @@ describe('Ballots Counts by VotingMethod', () => {
   ];
 
   it('renders as expected when there is no data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByVotingMethod: true }),
       []
     );
@@ -402,7 +402,7 @@ describe('Ballots Counts by VotingMethod', () => {
   });
 
   it('renders as expected when there is tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByVotingMethod: true }),
       cardCountsByVotingMethod
     );
@@ -483,7 +483,7 @@ describe('Ballots Counts by Batch', () => {
   ];
 
   it('renders as expected when there is no data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByBatch: true }),
       []
     );
@@ -521,7 +521,7 @@ describe('Ballots Counts by Batch', () => {
   ];
 
   it('renders as expected when there is tally data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByBatch: true }),
       cardCountsByBatch
     );
@@ -561,7 +561,7 @@ describe('Ballots Counts by Batch', () => {
   });
 
   it('renders as expected where there is tally data and manual data', async () => {
-    apiMock.expectGetCardCounts(
+    apiMock.deprecatedExpectGetCardCounts(
       mockBallotCountsTableGroupBy({ groupByBatch: true }),
       cardCountsByBatch
     );

diff --git a/apps/admin/frontend/src/components/election_manager.tsx b/apps/admin/frontend/src/components/election_manager.tsx
@@ -48,6 +48,7 @@ import { checkPin } from '../api';
 import { canViewAndPrintBallots } from '../utils/can_view_and_print_ballots';
 import { WriteInsAdjudicationScreen } from '../screens/write_ins_adjudication_screen';
 import { TallyReportBuilder } from '../screens/tally_report_builder';
+import { BallotCountReportBuilder } from '../screens/ballot_count_report_builder';
 
 export function ElectionManager(): JSX.Element {
   const { electionDefinition, configuredAt, auth, hasCardReaderAttached } =
@@ -206,6 +207,9 @@ export function ElectionManager(): JSX.Element {
       <Route exact path={routerPaths.tallyAllPrecinctsReport}>
         <AllPrecinctsTallyReportScreen />
       </Route>
+      <Route exact path={routerPaths.ballotCountReportBuilder}>
+        <BallotCountReportBuilder />
+      </Route>
       <Route
         exact
         path={routerPaths.tallyVotingMethodReport({