Bump ver component-library to 38.0.0

package.json

@@ -250,7 +250,7 @@
     "@babel/runtime": "^7.15.4",
     "@datadog/browser-logs": "^5.8.0",
     "@datadog/browser-rum": "^4.49.0",
-    "@department-of-veterans-affairs/component-library": "^37.2.0",
+    "@department-of-veterans-affairs/component-library": "^38.0.0",
     "@department-of-veterans-affairs/css-library": "^0.3.0",
     "@department-of-veterans-affairs/formation": "^10.1.2",
     "@department-of-veterans-affairs/react-jsonschema-form": "^1.2.5",

src/applications/discharge-wizard/tests/e2e/discharge-wizard.cypress.spec.js

@@ -12,7 +12,7 @@
 }
 
 describe('functionality of discharge wizard', () => {
   it('fill out the form and expect the form to have elements', () => {
     // navigate to discharge wizard and make an axe check
     // landing page
     cy.visit('/discharge-upgrade-instructions/');
@@ -21,37 +21,42 @@
     // questions page | fill out form
     cy.get('.main .vads-c-action-link--green').click();
 
-    cy.get('va-radio[name="1_branchOfService"] va-radio-option')
-      .first()
+    cy.get('va-radio-option[name=1_branchOfService][value="army"]')
+      .find('label')
       .click();
 
     cy.get('select[name="2_dischargeYear"]').select('2016');
-    cy.get(
-      `va-radio-option[label="${
-        questionLabels['4_reason']['1']
-      }"] input[type="radio"]`,
-    ).click();
+
+    cy.get(`va-radio-option[label="${questionLabels['4_reason']['1']}"]`)
+      .find('label')
+      .click();
 
     cy.get(
-      `va-radio-option[label="Yes, ${
-        questionLabels['6_intention']['1']
-      }"] input[type="radio"]`,
-    ).click();
+      `va-radio-option[label="Yes, ${questionLabels['6_intention']['1']}"]`,
+    )
+      .find('label')
+      .click();
 
-    cy.get('va-radio[name="7_courtMartial"] va-radio-option')
-      .first()
+    cy.get(
+      `va-radio-option[label="Yes, ${questionLabels['7_courtMartial'][
+        '1'
+      ].toLowerCase()}"]`,
+    )
+      .find('label')
       .click();
 
-    cy.get('va-radio[name="8_prevApplication"] va-radio-option')
-      .first()
+    cy.get('va-radio-option[name="8_prevApplication"][value="1"]')
+      .find('label')
       .click();
 
-    cy.get('va-radio[name="9_prevApplicationYear"] va-radio-option')
-      .first()
+    cy.get('va-radio-option[name="9_prevApplicationYear"][value="1"]')
+      .find('label')
       .click();
 
-    cy.get('va-radio[name="12_priorService"] va-radio-option')
-      .first()
+    cy.get(
+      `va-radio-option[label="Yes, ${questionLabels['12_priorService']['1']}"`,
+    )
+      .find('label')
       .click();
 
     // a11y check after all elements are visible

src/applications/edu-benefits/feedback-tool/tests/00.feedback-tool.cypress.spec.js

@@ -1,4 +1,4 @@
 import Timeouts from 'platform/testing/e2e/timeouts';
 import mockFeedbackPost from './fixtures/mocks/feedback-post.json';
 import mockFeedbackGet from './fixtures/mocks/feedback-1234.json';
 import testData from './schema/maximal-test.json';
@@ -84,14 +84,11 @@
     cy.get('input[type="checkbox"]').should('exist');
     cy.axeCheck();
 
-    cy.get('va-checkbox')
-      .shadow()
-      .find('input')
-      .click();
-    cy.get('va-checkbox')
-      .shadow()
-      .find('input')
-      .click();
+    // checkbox to enter information manually
+    cy.get('label[id="option-label"]').click();
+
+    cy.get('label[id="option-label"]').click();
+
     cy.get(
       'input[name="root_educationDetails_school_view:manualSchoolEntry_name"]',
       { timeout: Timeouts.slow },

src/applications/mhv/secure-messaging/tests/e2e/draft-page-test/secure-messaging-multiple-drafts-interface.cypress.spec.js

@@ -1,6 +1,6 @@
 import SecureMessagingSite from '../sm_site/SecureMessagingSite';
 import PatientInboxPage from '../pages/PatientInboxPage';
-import { Assertions, AXE_CONTEXT, Locators } from '../utils/constants';
+import { AXE_CONTEXT, Locators } from '../utils/constants';
 import PatientMessageDraftsPage from '../pages/PatientMessageDraftsPage';
 import mockMultiDraftsResponse from '../fixtures/draftsResponse/multi-draft-response.json';
 
@@ -66,11 +66,11 @@ describe('handle multiple drafts in one thread', () => {
     cy.get(Locators.REPLY_FORM)
       .find('h3')
       .each(el => {
-        cy.wrap(el).should('include.text', Assertions.DRAFT);
+        cy.wrap(el).should('include.text', 'Draft');
       });
 
     cy.get(Locators.ALERTS.LAST_EDIT_DATE).each(el => {
-      cy.wrap(el).should('include.text', Assertions.EDITED);
+      cy.wrap(el).should('include.text', 'edited');
     });
   });
 

src/applications/mhv/secure-messaging/tests/e2e/draft-page-test/secure-messaging-multiple-drafts-resave.cypress.spec.js

@@ -54,7 +54,7 @@ describe('re-save multiple drafts in one thread', () => {
       },
     });
 
-    cy.get('#textarea').type('newText', { force: true });
+    cy.get('textarea').type('newText', { force: true });
     draftPage.saveMultiDraftMessage(
       updatedMultiDraftResponse.data[0],
       updatedMultiDraftResponse.data[0].attributes.messageId,
@@ -77,7 +77,7 @@ describe('re-save multiple drafts in one thread', () => {
     });
 
     cy.get('#edit-draft-button').click({ waitForAnimations: true });
-    cy.get('#textarea').type('newText', { force: true });
+    cy.get('textarea').type('newText', { force: true });
     draftPage.saveMultiDraftMessage(
       updatedMultiDraftResponse.data[1],
       updatedMultiDraftResponse.data[1].attributes.messageId,

src/applications/mhv/secure-messaging/tests/e2e/keyboard-nav-test/secure-messaging-compose-error-message-keyboard-nav.cypress.spec.js

@@ -29,13 +29,13 @@ describe('Secure Messaging Compose Errors Keyboard Nav', () => {
       },
     });
     composePage.verifyFocusOnErrorMessageToSelectRecipient();
-    composePage.selectRecipient();
+    composePage.selectRecipient('CAMRY_PCMM RELATIONSHIP_05092022_SLC4');
     composePage.selectSideBarMenuOption('Inbox');
     composePage.clickOnDeleteDraftButton();
   });
 
   it('focus on error message for empty category', () => {
-    composePage.selectRecipient();
+    composePage.selectRecipient('CAMRY_PCMM RELATIONSHIP_05092022_SLC4');
     composePage.pushSendMessageWithKeyboardPress();
     composePage.verifyFocusOnErrorMessageToSelectCategory();
     cy.injectAxe();
@@ -52,7 +52,7 @@ describe('Secure Messaging Compose Errors Keyboard Nav', () => {
   });
 
   it('focus on error message for empty message subject', () => {
-    composePage.selectRecipient();
+    composePage.selectRecipient('CAMRY_PCMM RELATIONSHIP_05092022_SLC4');
     composePage.selectCategory();
     composePage.pushSendMessageWithKeyboardPress();
     composePage.verifyFocusOnErrorEmptyMessageSubject();
@@ -71,7 +71,7 @@ describe('Secure Messaging Compose Errors Keyboard Nav', () => {
     composePage.clickOnDeleteDraftButton();
   });
   it('focus on error message for empty message body', () => {
-    composePage.selectRecipient();
+    composePage.selectRecipient('CAMRY_PCMM RELATIONSHIP_05092022_SLC4');
     composePage.selectCategory();
     composePage.getMessageSubjectField().type('Test Subject', { force: true });
     composePage.pushSendMessageWithKeyboardPress();

src/applications/mhv/secure-messaging/tests/e2e/keyboard-nav-test/secure-messaging-compose-keyboard-nav-send.cypress.spec.js

@@ -19,7 +19,7 @@ describe('Secure Messaging Compose', () => {
         },
       },
     });
-    composePage.selectRecipient();
+    composePage.selectRecipient('CAMRY_PCMM RELATIONSHIP_05092022_SLC4');
     composePage.selectCategory();
     composePage.attachMessageFromFile('test_image.jpg');
     composePage.getMessageSubjectField().click();

src/applications/mhv/secure-messaging/tests/e2e/keyboard-nav-test/secure-messaging-keyboard-nav-save-draft.cypress.spec.js

@@ -18,7 +18,7 @@ describe('Check confirmation message after save draft', () => {
     composePage
       .getCategory(requestBody.category)
       .first()
-      .click();
+      .click({ force: true });
     composePage.getMessageSubjectField().type(`${requestBody.subject}`);
     composePage
       .getMessageBodyField()

src/applications/mhv/secure-messaging/tests/e2e/keyboard-nav-test/secure-messaging-keyboard-nav-to-compose.cypress.spec.js

@@ -10,7 +10,7 @@ describe('Secure Messaging Keyboard Nav To Compose', () => {
     patientInboxPage.loadInboxMessages();
   });
   it('Keyboard Nav from Welcome Page to Compose', () => {
-    cy.tabToElement(Locators.LINKS.CREATE_NEW_MESSAGE);
+    cy.tabToElement('[data-testid="compose-message-link"]');
     cy.realPress(['Enter']);
     cy.injectAxe();
     cy.axeCheck(AXE_CONTEXT, {

src/applications/mhv/secure-messaging/tests/e2e/keyboard-nav-test/secure-messaging-keyboard-nav-to-links-buttons-landing-page.cypress.spec.js

@@ -15,7 +15,9 @@
       'Go to your inbox',
     );
 
-    cy.tabToElement(Locators.LINKS.CREATE_NEW_MESSAGE).should('have.focus');
+    cy.tabToElement('[data-testid="compose-message-link"]').should(
+      'have.focus',
+    );
 
     cy.realPress('Tab');
     cy.get(Locators.ALERTS.WELCOME_MESSAGE)
@@ -28,7 +30,7 @@
       cy.realPress('Tab');
     });
 
     cy.get(Locators.ALERTS.BACK_TOP)
       .scrollIntoView()
       .should('have.focus');
 

src/applications/mhv/secure-messaging/tests/e2e/pages/FolderManagementPage.js

@@ -2,7 +2,7 @@ import mockCustomResponse from '../fixtures/custom-response.json';
 import defaultMockThread from '../fixtures/thread-response.json';
 import mockMessageResponse from '../fixtures/message-custom-response.json';
 import mockFolders from '../fixtures/generalResponses/folders.json';
-import { Locators, Alerts, Paths, Assertions } from '../utils/constants';
+import { Locators, Alerts, Paths } from '../utils/constants';
 
 class FolderManagementPage {
   currentThread = defaultMockThread;
@@ -141,7 +141,7 @@ class FolderManagementPage {
   };
 
   folderConfirmation = () => {
-    return cy.get(Locators.ALERTS.ALERT_TEXT);
+    return cy.get('[data-testid="alert-text"]');
   };
 
   verifyDeleteSuccessMessage = () => {
@@ -236,9 +236,9 @@ class FolderManagementPage {
   };
 
   verifyMoveMessageSuccessConfirmationMessage = () => {
-    cy.get(Locators.ALERTS.ALERT_TEXT)
+    cy.get('[data-testid="alert-text"]')
       .should('exist')
-      .and('contain.text', Assertions.MESSAGE_CONVERSATION_SUCCESS);
+      .and('contain.text', 'Message conversation was successfully moved.');
   };
 
   verifyMoveMessageSuccessConfirmationHasFocus = () => {

src/applications/mhv/secure-messaging/tests/e2e/pages/PatientComposePage.js

@@ -2,7 +2,7 @@
 import mockMessageResponse from '../fixtures/message-response.json';
 import mockThreadResponse from '../fixtures/thread-response.json';
 import mockSignature from '../fixtures/signature-response.json';
-import { Assertions, Locators, Paths } from '../utils/constants';
+import { Locators, Paths } from '../utils/constants';
 import mockDraftResponse from '../fixtures/message-compose-draft-response.json';
 import mockRecipients from '../fixtures/recipients-response.json';
 
@@ -45,21 +45,21 @@
   };
 
   verifySendMessageConfirmationMessageText = () => {
-    cy.get(Locators.ALERTS.ALERT_TEXT).should(
+    cy.get('[data-testid="alert-text"]').should(
       'contain.text',
       'Secure message was successfully sent.',
     );
   };
 
   verifySendMessageConfirmationMessageHasFocus = () => {
     cy.focused().should('contain.text', 'Secure message was successfully sent');
   };
 
   selectRecipient = (recipient = 1) => {
     cy.get(Locators.ALERTS.REPT_SELECT).click();
     cy.get(Locators.ALERTS.REPT_SELECT)
       .shadow()
-      .find('[id="select"]')
+      .find('select')
       .select(recipient, { force: true });
   };
 
@@ -104,21 +104,21 @@
   };
 
   verifyFocusOnErrorMessageToSelectRecipient = () => {
     return cy
       .focused()
       .should('have.attr', 'error', 'Please select a recipient.');
   };
 
   verifyFocusOnErrorMessageToSelectCategory = () => {
     cy.focused().should('have.attr', 'error', 'Please select a category.');
   };
 
   verifyFocusOnErrorEmptyMessageSubject = () => {
     cy.focused().should('have.attr', 'error', 'Subject cannot be blank.');
   };
 
   verifyFocusOnErrorEmptyMessageBody = () => {
     cy.focused().should('have.attr', 'error', 'Message body cannot be blank.');
   };
 
   //* Refactor* Needs to have mockDraftMessage as parameter
@@ -153,7 +153,7 @@
     return cy
       .get(Locators.MESSAGES_BODY)
       .shadow()
-      .find('#textarea');
+      .find('textarea');
   };
 
   keyboardNavToMessageSubjectField = () => {
@@ -166,7 +166,7 @@
   composeDraftByKeyboard = () => {
     cy.tabToElement('#recipient-dropdown')
       .shadow()
-      .find('#select')
+      .find('select')
       .select(1, { force: true });
     cy.tabToElement(Locators.BUTTONS.CATEGORY_RADIO_BUTTON)
       .first()
@@ -300,7 +300,7 @@
   verifyAlertModal = () => {
     cy.get(`[modaltitle="We can't save this message yet"]`)
       .shadow()
-      .find('[class="va-modal-inner va-modal-alert"]')
+      .find('[class="usa-modal va-modal-alert"]')
       .should('contain', "We can't save this message yet");
   };
 
@@ -333,7 +333,7 @@
   };
 
   verifyRecipient = (recipient = mockRecipients.data[0].id) => {
     cy.get(Locators.ALERTS.REPT_SELECT)
       .shadow()
       .find('select')
       .select(recipient)
@@ -388,17 +388,17 @@
   };
 
   verifyDeleteDraftSuccessfulMessage = () => {
-    cy.get(Locators.ALERTS.ALERT_TEXT).should(
+    cy.get('[data-testid="alert-text"]').should(
       'contain.text',
-      Assertions.MESSAGE_CONVERSATION_SUCCESS_TRASH,
+      'Message conversation was successfully moved to Trash.',
     );
   };
 
   verifySelectRecipientErrorMessage = () => {
     cy.get(Locators.ALERTS.REPT_SELECT)
       .shadow()
       .find('[id="error-message"]')
-      .should('contain', Assertions.SELECT_RECIPIENT);
+      .should('contain', ' Please select a recipient.');
   };
 
   verifySubjectErrorMessage = () => {

src/applications/mhv/secure-messaging/tests/e2e/pages/PatientErrorPage.js

@@ -1,4 +1,4 @@
-import { Paths, Alerts, Locators } from '../utils/constants';
+import { Paths, Alerts } from '../utils/constants';
 
 class PatienErrorPage {
   loadParticularFolderError = () => {
@@ -38,7 +38,7 @@ class PatienErrorPage {
   };
 
   verifyAlertMessage = () => {
-    cy.get(Locators.ALERTS.ALERT_TEXT)
+    cy.get('[data-testid="alert-text"]')
       .should('be.visible')
       .and('contain.text', Alerts.OUTAGE);
   };

src/applications/mhv/secure-messaging/tests/e2e/pages/PatientInboxPage.js

@@ -443,13 +443,13 @@ class PatientInboxPage {
 
   selectAdvancedSearchCategory = text => {
     cy.get(Locators.FIELDS.CATEGORY_DROPDOWN)
-      .find('#select')
+      .find('select')
       .select(text, { force: true });
   };
 
   selectAdvancedSearchCategoryCustomFolder = () => {
     cy.get(Locators.FIELDS.CATEGORY_DROPDOWN)
-      .find('#select')
+      .find('select')
       .select('Medication');
   };
 
@@ -463,7 +463,7 @@ class PatientInboxPage {
   composeMessage = () => {
     cy.get('#recipient-dropdown')
       .shadow()
-      .find('#select')
+      .find('select')
       .select(1, { force: true });
     cy.get(Locators.BUTTONS.CATEGORY_RADIO_BUTTON)
       .first()
@@ -474,7 +474,7 @@ class PatientInboxPage {
       .type('testSubject', { force: true });
     cy.get('#compose-message-body')
       .shadow()
-      .find('#textarea')
+      .find('textarea')
       .type('testMessage', { force: true });
   };
 
@@ -553,7 +553,7 @@ class PatientInboxPage {
   sortMessagesByDate = (text, sortedResponse = mockSortedMessages) => {
     cy.get(Locators.DROPDOWN)
       .shadow()
-      .find('#select')
+      .find('select')
       .select(`${text}`, { force: true });
     cy.intercept(
       'GET',