dev: adds helpers: pluralize, titleize

Author: yuriyaran

app/helpers/pluralize.ts

@@ -1,10 +1,23 @@
 import { helper } from '@ember/component/helper';
+import { titleize } from 'dealfront/helpers/titleize';
 
-export default helper(function pluralize([number, word]: [
+interface PluralizeSignature {
+  Args: {
+    Positional: [number, string];
+    Named: Record<string, never>;
+  };
+  Return: string;
+}
+
+export default helper<PluralizeSignature>(function pluralize([number, word]: [
   number,
   string,
 ]): string {
+  if (typeof number !== 'number' || typeof word !== 'string') {
+    throw new Error('pluralize helper requires a number and string argument');
+  }
+
   const isSingle = number.toString().endsWith('1');
 
-  return isSingle ? word : word + 'es';
+  return titleize(isSingle ? word : word + 'es');
 });

app/helpers/titleize.ts

@@ -0,0 +1,21 @@
+import { helper } from '@ember/component/helper';
+
+interface TitleizeSignature {
+  Args: {
+    Positional: [string];
+    Named: Record<string, never>;
+  };
+  Return: string;
+}
+
+export function titleize(word: string): string {
+  if (typeof word !== 'string') {
+    throw new Error('titleize helper requires a string argument');
+  }
+
+  return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+}
+
+export default helper<TitleizeSignature>(function ([word]: [string]) {
+  return titleize(word);
+});

tests/integration/helpers/pluralize-test.gts

@@ -6,20 +6,17 @@ import pluralize from 'dealfront/helpers/pluralize';
 module('Integration | Helper | pluralize', function (hooks) {
   setupRenderingTest(hooks);
 
-  // TODO: Replace this with your real tests.
   test('it renders', async function (assert) {
     const inputValue = [
-      { number: 1, word: 'branch' },
-      { number: 12, word: 'branches' },
-      { number: 21, word: 'branch' },
+      { number: 1, word: 'Branch' },
+      { number: 12, word: 'Branches' },
+      { number: 21, word: 'Branch' },
+      { number: 0, word: 'Branches' },
     ];
 
-    // await render(<template>{{pluralize inputValue[0] "branch"}}</template>);
-
     for (const { number, word } of inputValue) {
       await render(<template>{{pluralize number "branch"}}</template>);
       assert.dom().hasText(word);
     }
-    // assert.dom().hasText('12 branches');
   });
 });

tests/integration/helpers/titleize-test.gts

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'dealfront/tests/helpers';
+import { render } from '@ember/test-helpers';
+import titleize from 'dealfront/helpers/titleize';
+
+module('Integration | Helper | titleize', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it titleizes strings', async function (assert) {
+    const strings = [
+      { inStr: 'branch', outStr: 'Branch' },
+      { inStr: 'camelCase', outStr: 'Camelcase' },
+      { inStr: 'CAPS', outStr: 'Caps' },
+    ];
+
+    for (const { inStr, outStr } of strings) {
+      await render(<template>{{titleize inStr}}</template>);
+      assert.dom().hasText(outStr);
+    }
+  });
+});