updating error message class

htmlandbacon · Nov 28, 2017 · 4b327fa · 4b327fa
1 parent 049f3bb
commit 4b327fa
Show file tree

Hide file tree

Showing 16 changed files with 16 additions and 16 deletions.
diff --git a/components/gov-checkboxes/__tests__/__snapshots__/gov-checkboxes.spec.js.snap b/components/gov-checkboxes/__tests__/__snapshots__/gov-checkboxes.spec.js.snap
@@ -52,7 +52,7 @@ exports[`gov-checkBoxes should add a form hint using the hint attribute 1`] = `
 `;
 
 exports[`gov-checkBoxes should add error message and classes when passed an error object 1`] = `
-<div class="form-group error" id="my-id-form">
+<div class="form-group form-group-error" id="my-id-form">
   <fieldset>
     <legend>
       <span class="form-label">Select a checkbox</span>

diff --git a/components/gov-checkboxes/__tests__/gov-checkboxes.spec.js b/components/gov-checkboxes/__tests__/gov-checkboxes.spec.js
@@ -97,7 +97,7 @@ describe('gov-checkBoxes', () => {
     const formGroupClasses = $('.form-group').attr('class');
     const errorMsg = $('legend span.error-message').text();
 
-    expect(formGroupClasses).toBe('form-group error');
+    expect(formGroupClasses).toBe('form-group form-group-error');
     expect(errorMsg).toBe(error);
     expect(output).toMatchSnapshot();
   });

diff --git a/components/gov-checkboxes/template.njk b/components/gov-checkboxes/template.njk
@@ -2,7 +2,7 @@
     {% set id="input-" + name %}
 {% endif %}
 
-<div class="form-group{% if error %} error{% endif %}" id="{{id}}-form">
+<div class="form-group{% if error %} form-group-error{% endif %}" id="{{id}}-form">
     <fieldset>
        <legend>
             <span class="form-label{% if classes.legend %} {{ classes.legend }}{% endif %}">{{legend}}</span>

diff --git a/components/gov-date-input/template.njk b/components/gov-date-input/template.njk
@@ -2,7 +2,7 @@
     {% set id="input-" + name %}
 {% endif %}
 
-<div id="{{id}}-form" class="form-group{% if error %} error{% endif %}">
+<div id="{{id}}-form" class="form-group{% if error %} form-group-error{% endif %}">
     <fieldset>
         <div class="form-date">
             <legend>

diff --git a/components/gov-input/__tests__/__snapshots__/gov-input.spec.js.snap b/components/gov-input/__tests__/__snapshots__/gov-input.spec.js.snap
@@ -32,7 +32,7 @@ exports[`gov-input should add a form hint using the hint attribute 1`] = `
 `;
 
 exports[`gov-input should add error message and classes when passed an error object 1`] = `
-<div id="input-full-name-form" class="form-group error">
+<div id="input-full-name-form" class="form-group form-group-error">
   <label for="input-full-name">
     <span class="form-label-bold">Full name</span>
     <span class="error-message">Name is wrong</span>

diff --git a/components/gov-input/__tests__/gov-input.spec.js b/components/gov-input/__tests__/gov-input.spec.js
@@ -85,7 +85,7 @@ describe('gov-input', () => {
     const formGroupClasses = $('.form-group').attr('class');
     const errorMsg = $('label span.error-message').text();
 
-    expect(formGroupClasses).toBe('form-group error');
+    expect(formGroupClasses).toBe('form-group form-group-error');
     expect(errorMsg).toBe(error);
     expect(output).toMatchSnapshot();
   });

diff --git a/components/gov-input/template.njk b/components/gov-input/template.njk
@@ -2,7 +2,7 @@
     {% set id="input-" + name %}
 {% endif %}
 
-<div id="{{id}}-form" class="form-group{% if error %} error{% endif %}">
+<div id="{{id}}-form" class="form-group{% if error %} form-group-error{% endif %}">
     <label for="{{ id }}">
         <span class="{% if classes.label %}{{ classes.label }}{% else %}form-label-bold{% endif %}">{{ label }}</span>
         {% if hint %}<span class="form-hint">{{hint}}</span>{% endif %}

diff --git a/components/gov-radios/__tests__/__snapshots__/gov-radios.spec.js.snap b/components/gov-radios/__tests__/__snapshots__/gov-radios.spec.js.snap
@@ -92,7 +92,7 @@ exports[`gov-radios should add a form hint using the hint attribute 1`] = `
 `;
 
 exports[`gov-radios should add error message and classes when passed an error object 1`] = `
-<div class="form-group error" id="my-id-form">
+<div class="form-group form-group-error" id="my-id-form">
   <fieldset class="inline">
     <legend>
       <span class="form-label">Select a radio button</span>

diff --git a/components/gov-radios/__tests__/gov-radios.spec.js b/components/gov-radios/__tests__/gov-radios.spec.js
@@ -97,7 +97,7 @@ describe('gov-radios', () => {
     const formGroupClasses = $('.form-group').attr('class');
     const errorMsg = $('legend span.error-message').text();
 
-    expect(formGroupClasses).toBe('form-group error');
+    expect(formGroupClasses).toBe('form-group form-group-error');
     expect(errorMsg).toBe(error);
     expect(output).toMatchSnapshot();
   });

diff --git a/components/gov-radios/template.njk b/components/gov-radios/template.njk
@@ -2,7 +2,7 @@
     {% set id="input-" + name %}
 {% endif %}
 
-<div class="form-group{% if error %} error{% endif %}" id="{{id}}-form">
+<div class="form-group{% if error %} form-group-error{% endif %}" id="{{id}}-form">
     <fieldset{% if radioButtons.length < 3 %} class="inline"{% endif %}>
        <legend>
             <span class="form-label{% if classes.legend %} {{ classes.legend }}{% endif %}">{{legend}}</span>

diff --git a/components/gov-select/__tests__/__snapshots__/gov-select.spec.js.snap b/components/gov-select/__tests__/__snapshots__/gov-select.spec.js.snap
@@ -68,7 +68,7 @@ exports[`gov-select should add a form hint using the hint attribute 1`] = `
 `;
 
 exports[`gov-select should add error message and classes when passed an error object 1`] = `
-<div id="my-id-form" class="form-group error">
+<div id="my-id-form" class="form-group form-group-error">
   <label for="my-id">
     <span class="form-label-bold">select an option</span>
     <span class="error-message">Select an option</span>

diff --git a/components/gov-select/__tests__/gov-select.spec.js b/components/gov-select/__tests__/gov-select.spec.js
@@ -93,7 +93,7 @@ describe('gov-select', () => {
     const formGroupClasses = $('.form-group').attr('class');
     const errorMsg = $('label span.error-message').text();
 
-    expect(formGroupClasses).toBe('form-group error');
+    expect(formGroupClasses).toBe('form-group form-group-error');
     expect(errorMsg).toBe(error);
     expect(output).toMatchSnapshot();
   });

diff --git a/components/gov-select/template.njk b/components/gov-select/template.njk
@@ -2,7 +2,7 @@
     {% set id="select-" + name %}
 {% endif %}
 
-<div id="{{id}}-form" class="form-group{% if classes.fromGroup %} {{classes.fromGroup}}{% endif %}{% if error %} error{% endif %}">
+<div id="{{id}}-form" class="form-group{% if classes.fromGroup %} {{classes.fromGroup}}{% endif %}{% if error %} form-group-error{% endif %}">
     <label for="{{ id }}">
         <span class="{% if classes.label %}{{ classes.label }}{% else %}form-label-bold{% endif %}">{{ label }}</span>
         {% if hint %}<span class="form-hint">{{hint}}</span>{% endif %}

diff --git a/components/gov-textarea/__tests__/__snapshots__/gov-textarea.spec.js.snap b/components/gov-textarea/__tests__/__snapshots__/gov-textarea.spec.js.snap
@@ -31,7 +31,7 @@ exports[`gov-textarea should add a form hint using the hint attribute 1`] = `
 `;
 
 exports[`gov-textarea should add error message and classes when passed an error object 1`] = `
-<div id="textarea-more-details-form" class="form-group error">
+<div id="textarea-more-details-form" class="form-group form-group-error">
   <label for="textarea-more-details">
     <span class="form-label-bold">More details</span>
     <span class="error-message">Put something in the box</span>

diff --git a/components/gov-textarea/__tests__/gov-textarea.spec.js b/components/gov-textarea/__tests__/gov-textarea.spec.js
@@ -99,7 +99,7 @@ describe('gov-textarea', () => {
     const formGroupClasses = $('.form-group').attr('class');
     const errorMsg = $('label .form-label-bold + span.error-message').text();
 
-    expect(formGroupClasses).toBe('form-group error');
+    expect(formGroupClasses).toBe('form-group form-group-error');
     expect(errorMsg).toBe(error);
     expect(output).toMatchSnapshot();
   });

diff --git a/components/gov-textarea/template.njk b/components/gov-textarea/template.njk
@@ -5,7 +5,7 @@
     {% set rows=8 %}
 {% endif %}
 
-<div id="{{id}}-form" class="form-group{% if error %} error{% endif %}">
+<div id="{{id}}-form" class="form-group{% if error %} form-group-error{% endif %}">
     <label for="{{ id }}">
         <span class="{% if classes.label %}{{ classes.label }}{% else %}form-label-bold{% endif %}">{{ label }}</span>
         {% if hint %}<span class="form-hint">{{hint}}</span>{% endif %}