Merge pull request #157 from shivanshuit914/feature/text-prefix

feat: add prefix for the input text
HMPO · Feb 19, 2024 · 9afe2c7 · 9afe2c7
2 parents c03a486 + d1e57f4
commit 9afe2c7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/components/hmpo-text/macro.njk b/components/hmpo-text/macro.njk
@@ -16,6 +16,7 @@
             hmpoGetOptions(ctx, params, "label")
         ),
         hint: hmpoGetOptions(ctx, params, "hint", true),
+        prefix: hmpoGetOptions(ctx, params, "prefix", true),
         value: hmpoGetValue(ctx, params),
         errorMessage: hmpoGetError(ctx, params),
         type: params.type,

diff --git a/components/hmpo-text/spec.macro.js b/components/hmpo-text/spec.macro.js
@@ -49,6 +49,16 @@ describe('hmpoText', () => {
         expect($hint.length).to.equal(0);
     });
 
+    it('renders with label and prefix', () => {
+        const $ = render({ component: 'hmpoText', params: { id: 'my-input' }, ctx: true }, locals);
+
+        const $label = $('.govuk-label');
+        expect($label.text().trim()).to.equal('[fields.my-input.label]');
+        expect($label.attr('id')).to.equal('my-input-label');
+        const $prefix = $('.govuk-input__prefix');
+        expect($prefix.text().trim()).to.equal('[fields.my-input.prefix]');
+    });
+
     it('renders with value', () => {
         const $ = render({ component: 'hmpoText', params: { id: 'my-input' }, ctx: true }, locals);