From ca14ca47264f0f6952ee1b59c04d3707026480da Mon Sep 17 00:00:00 2001
From: Feb Dao <dinhhien102@gmail.com>
Date: Sun, 1 Dec 2024 23:32:36 +1100
Subject: [PATCH] [#378] Update tests.

---
 .../01-atoms/checkbox/__snapshots__/checkbox.test.js.snap   | 2 ++
 .../field-message/__snapshots__/field-message.test.js.snap  | 6 ++++++
 .../01-atoms/fieldset/__snapshots__/fieldset.test.js.snap   | 1 +
 components/01-atoms/input/__snapshots__/input.test.js.snap  | 2 ++
 components/01-atoms/radio/__snapshots__/radio.test.js.snap  | 2 ++
 .../01-atoms/select/__snapshots__/select.test.js.snap       | 2 ++
 .../01-atoms/textarea/__snapshots__/textarea.test.js.snap   | 1 +
 .../01-atoms/textfield/__snapshots__/textfield.test.js.snap | 1 +
 .../02-molecules/field/__snapshots__/field.test.js.snap     | 3 +++
 9 files changed, 20 insertions(+)

diff --git a/components/01-atoms/checkbox/__snapshots__/checkbox.test.js.snap b/components/01-atoms/checkbox/__snapshots__/checkbox.test.js.snap
index b6da9851..2eac38c3 100644
--- a/components/01-atoms/checkbox/__snapshots__/checkbox.test.js.snap
+++ b/components/01-atoms/checkbox/__snapshots__/checkbox.test.js.snap
@@ -22,6 +22,8 @@ exports[`Checkbox Component renders with optional attributes 1`] = `
 
   
   <input
+    aria-describedby="test-checkbox-id-message"
+    aria-invalid="true"
     checked=""
     class="ct-checkbox ct-theme-dark ct-checkbox--is-invalid custom-class"
     data-test="true"
diff --git a/components/01-atoms/field-message/__snapshots__/field-message.test.js.snap b/components/01-atoms/field-message/__snapshots__/field-message.test.js.snap
index 761132f6..da3d91ce 100644
--- a/components/01-atoms/field-message/__snapshots__/field-message.test.js.snap
+++ b/components/01-atoms/field-message/__snapshots__/field-message.test.js.snap
@@ -7,6 +7,7 @@ exports[`Field Message Component allows HTML content 1`] = `
 
   <div
     class="ct-field-message ct-theme-light ct-field-message--information "
+    id=""
   >
     
           
@@ -57,6 +58,7 @@ exports[`Field Message Component renders with additional attributes and classes
   <div
     class="ct-field-message ct-theme-light ct-field-message--information custom-modifier"
     data-test="true"
+    id=""
   >
     
           
@@ -94,6 +96,7 @@ exports[`Field Message Component renders with custom theme and type 1`] = `
 
   <div
     class="ct-field-message ct-theme-dark ct-field-message--error "
+    id=""
   >
     
           
@@ -131,6 +134,7 @@ exports[`Field Message Component renders with default values 1`] = `
 
   <div
     class="ct-field-message ct-theme-light ct-field-message--information "
+    id=""
   >
     
           
@@ -168,6 +172,7 @@ exports[`Field Message Component renders with icons 1`] = `
 
   <div
     class="ct-field-message ct-theme-light ct-field-message--warning "
+    id=""
   >
     
           
@@ -205,6 +210,7 @@ exports[`Field Message Component strips HTML content 1`] = `
 
   <div
     class="ct-field-message ct-theme-light ct-field-message--information "
+    id=""
   >
     
           
diff --git a/components/01-atoms/fieldset/__snapshots__/fieldset.test.js.snap b/components/01-atoms/fieldset/__snapshots__/fieldset.test.js.snap
index a3c31bbd..1a70d323 100644
--- a/components/01-atoms/fieldset/__snapshots__/fieldset.test.js.snap
+++ b/components/01-atoms/fieldset/__snapshots__/fieldset.test.js.snap
@@ -274,6 +274,7 @@ exports[`Fieldset Component renders with message 1`] = `
 
       <div
         class="ct-field-message ct-theme-light ct-field-message--warning ct-fieldset__message"
+        id=""
       >
         
           
diff --git a/components/01-atoms/input/__snapshots__/input.test.js.snap b/components/01-atoms/input/__snapshots__/input.test.js.snap
index bb42845f..55759345 100644
--- a/components/01-atoms/input/__snapshots__/input.test.js.snap
+++ b/components/01-atoms/input/__snapshots__/input.test.js.snap
@@ -14,6 +14,8 @@ exports[`Input Component renders with optional attributes 1`] = `
 
 	
   <input
+    aria-describedby="input-id-message"
+    aria-invalid="true"
     class="ct-input ct-theme-dark ct-input--is-invalid custom-class"
     data-test="true"
     disabled=""
diff --git a/components/01-atoms/radio/__snapshots__/radio.test.js.snap b/components/01-atoms/radio/__snapshots__/radio.test.js.snap
index f8f9959d..f209bbe1 100644
--- a/components/01-atoms/radio/__snapshots__/radio.test.js.snap
+++ b/components/01-atoms/radio/__snapshots__/radio.test.js.snap
@@ -22,6 +22,8 @@ exports[`Radio Component renders with optional attributes 1`] = `
 
   
   <input
+    aria-describedby="radio-id-message"
+    aria-invalid="true"
     checked=""
     class="ct-radio ct-theme-dark ct-radio--is-invalid custom-class"
     data-test="true"
diff --git a/components/01-atoms/select/__snapshots__/select.test.js.snap b/components/01-atoms/select/__snapshots__/select.test.js.snap
index f0f069a5..b63f6e04 100644
--- a/components/01-atoms/select/__snapshots__/select.test.js.snap
+++ b/components/01-atoms/select/__snapshots__/select.test.js.snap
@@ -68,6 +68,8 @@ exports[`Select Component renders with optional attributes 1`] = `
 
 	
   <select
+    aria-describedby="select-id-message"
+    aria-invalid="true"
     class="ct-select ct-theme-dark ct-select--is-invalid custom-class"
     data-test="true"
     disabled=""
diff --git a/components/01-atoms/textarea/__snapshots__/textarea.test.js.snap b/components/01-atoms/textarea/__snapshots__/textarea.test.js.snap
index 7ff72d7d..1cbb92fc 100644
--- a/components/01-atoms/textarea/__snapshots__/textarea.test.js.snap
+++ b/components/01-atoms/textarea/__snapshots__/textarea.test.js.snap
@@ -14,6 +14,7 @@ exports[`Textarea Component renders with optional attributes 1`] = `
 
   
   <textarea
+    aria-invalid="true"
     class="ct-textarea ct-theme-dark ct-textarea--is-invalid custom-class"
     data-test="true"
     disabled=""
diff --git a/components/01-atoms/textfield/__snapshots__/textfield.test.js.snap b/components/01-atoms/textfield/__snapshots__/textfield.test.js.snap
index 8f8a1cda..923f0926 100644
--- a/components/01-atoms/textfield/__snapshots__/textfield.test.js.snap
+++ b/components/01-atoms/textfield/__snapshots__/textfield.test.js.snap
@@ -14,6 +14,7 @@ exports[`Textfield Component renders with optional attributes 1`] = `
 
 	
   <input
+    aria-invalid="true"
     class="ct-textfield ct-theme-dark ct-textfield--is-invalid custom-class"
     data-test="true"
     disabled=""
diff --git a/components/02-molecules/field/__snapshots__/field.test.js.snap b/components/02-molecules/field/__snapshots__/field.test.js.snap
index 82665ab0..68bf9160 100644
--- a/components/02-molecules/field/__snapshots__/field.test.js.snap
+++ b/components/02-molecules/field/__snapshots__/field.test.js.snap
@@ -797,6 +797,7 @@ exports[`Field Component required, disabled, and description 1`] = `
 
 	
       <input
+        aria-invalid="false"
         class="ct-textfield ct-theme-light  ct-field__control"
         disabled=""
         name="testname"
@@ -1018,6 +1019,8 @@ exports[`Field Component textarea with all attributes 1`] = `
 
   
       <textarea
+        aria-describedby="testid-message"
+        aria-invalid="true"
         class="ct-textarea ct-theme-light ct-textarea--is-invalid ct-field__control"
         id="testid"
         name="testname"