feat: telling time worksheet

Closes #50.

cypress/e2e/navigation.cy.ts

@@ -48,27 +48,28 @@ it('can visit all subpages', () => {
   clickWorksheetLink(/subtraction.+fill.+blank/i);
   cy.hasCustomizeFormHeading(/subtraction.+fill.+blank/i);
 
-  goBackHome();
-
   // Pattern Worksheets
+  goBackHome();
   clickWorksheetLink(/patterns/i);
   cy.hasCustomizeFormHeading(/patterns/i);
 
-  goBackHome();
-
   // Place Value Worksheets
+  goBackHome();
   clickWorksheetLink(/place values/i);
   cy.hasCustomizeFormHeading(/place values/i);
 
-  goBackHome();
-
   // Numbers to Words
+  goBackHome();
   clickWorksheetLink(/numbers to words/i);
   cy.hasCustomizeFormHeading(/numbers to words/i);
 
+  // Numbers to Words
   goBackHome();
+  clickWorksheetLink(/telling time/i);
+  cy.hasCustomizeFormHeading(/telling time/i);
 
   // Settings Page
+  goBackHome();
   cy.findByRole('button', { name: /open menu/i }).click();
   cy.findByRole('navigation', { name: /sidebar/i })
     .find('a:contains("Settings")')

cypress/e2e/worksheet_telling_time.cy.ts

@@ -0,0 +1,10 @@
+it('can create telling time worksheet', () => {
+  cy.visitWorksheetTellingTime();
+
+  cy.findByLabelText(/count/i).clearType(7);
+
+  cy.withinPreview(() => {
+    cy.problemListItems()
+      .should('have.length', 7);
+  });
+});

cypress/index.d.ts

@@ -13,6 +13,7 @@ declare namespace Cypress {
     visitWorksheetVerticalAddition(): Chainable<AUTWindow>;
     visitWorksheetSubtractionWithFigures(): Chainable<AUTWindow>;
     visitWorksheetSubtractionFillInTheBlanks(): Chainable<AUTWindow>;
+    visitWorksheetTellingTime(): Chainable<AUTWindow>;
   }
 
   interface Chainable<Subject> {
@@ -25,7 +26,7 @@ declare namespace Cypress {
     reactComponent(fn?: (prevSubject: Subject) => void): Chainable<Subject>;
     setNumberRange(label: string | RegExp, min: number, max: number): Chainable<Subject>;
     findPaperPage(page: number): Chainable<Subject>;
-    clearType(value: string): Chainable<Subject>;
+    clearType(value: string | number): Chainable<Subject>;
     hasCustomizeFormHeading(text: LabelPattern): Chainable<Subject>;
     problemListItems(): Chainable<Subject>;
     answerListItems(): Chainable<Subject>;

cypress/support/commands.js

@@ -38,6 +38,7 @@ const paths = {
   worksheetVerticalAddition: '/worksheet-vertical-addition',
   worksheetSubtractionWithFigures: '/worksheet-subtraction-with-figures',
   worksheetSubtractionFillInTheBlanks: '/worksheet-subtraction-fill-in-the-blanks',
+  worksheetTellingTime: '/worksheet-telling-time',
 };
 
 const pathNames = Object.keys(paths);

src/components/forms/CustomizeForm.tsx

@@ -14,6 +14,7 @@ import SectionPageTitle from '../../elements/SectionPageTitle';
 import PaperSize, { Orientation } from '../../lib/PaperSize';
 import PrintHelpDialog from './PrintHelpDialog';
 import SelectFooterField from './SelectFooterField';
+import zeroPad from '../../lib/zeroPad';
 
 interface CustomizeFormProps {
   onBeforePrint?: () => boolean;
@@ -26,10 +27,6 @@ interface EventWithSubmitter extends Event {
   submitter: HTMLButtonElement | undefined;
 }
 
-function zeroPad(n: number): string {
-  return n > 9 ? n.toString() : `0${n}`;
-}
-
 function timeStamp(): string {
   const now = new Date();
   return `${now.getFullYear()}-${zeroPad(now.getMonth())}-${zeroPad(now.getDate())}`;

src/lib/RandomNumberGenerator.ts

@@ -1,5 +1,6 @@
 import NumberGenerator from './NumberGenerator';
 import { maxMustNotBeLessThanMin } from './numberGeneratorErrors';
+import Range from './Range';
 
 export type MathRandom = () => number;
 
@@ -57,6 +58,10 @@ class RandomNumberGenerator implements NumberGenerator {
     return asInteger(this.rand(), max, min);
   }
 
+  integerR(range: Range): number {
+    return this.integer(range.to, range.from);
+  }
+
   integerBiasLess(max: number, min = 0): number {
     return asInteger(circular(this.rand()), max, min);
   }

src/lib/linkMap.ts

@@ -11,6 +11,7 @@ const SubtractionFillInTheBlanksPage = lazy(() => import('../pages/subtractionFi
 const PatternsPage = lazy(() => import('../pages/patterns/PatternsPage'));
 const PlaceValuesPage = lazy(() => import('../pages/placeValues/PlaceValuesPage'));
 const NumbersToWordsPage = lazy(() => import('../pages/numbersToWords/NumbersToWordsPage'));
+const TellingTimePage = lazy(() => import('../pages/tellingTime/TellingTimePage'));
 const ExperimentsPage = lazy(() => import('../pages/experiments/ExperimentsPage'));
 const SettingsPage = lazy(() => import('../pages/settings/SettingsPage'));
 
@@ -72,6 +73,10 @@ export const mathLinks: SectionLinks = new Map([
     text: 'Numbers to Words',
     loader: NumbersToWordsPage,
   }],
+  ['/worksheet-telling-time', {
+    text: 'Telling Time',
+    loader: TellingTimePage,
+  }],
 ]);
 
 export const miscLinks: SectionLinks = new Map([

src/lib/zeroPad.ts

@@ -0,0 +1,3 @@
+export default function zeroPad(n: number): string {
+  return n < 10 ? `0${n}` : n.toString();
+}