Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FORMS-9362: loading icon behind fields #880

Merged
merged 4 commits into from
Sep 27, 2023
Merged

FORMS-9362: loading icon behind fields #880

merged 4 commits into from
Sep 27, 2023

Conversation

AnurudraS
Copy link
Contributor

Description

As discussed with Rishi, the sibling div should have the selector as the ID of form and selecting the div with the same and adding the loading class on it later removing as well with the same steps.
However the test cases were already written in command.js file therefore, I have made the corrections in the same for the updated logic.
the new updates has been added to the readme file as well.

Related Issue

FORMS-9362: Loading Icon Behind Fields

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • I have signed the Adobe Open Source CLA.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes and the overall coverage did not decrease.
  • All unit tests pass on CircleCi.
  • I ran all tests locally and they pass.

@codecov
Copy link

codecov bot commented Sep 18, 2023

Codecov Report

Merging #880 (f719113) into dev (00583ee) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##                dev     #880   +/-   ##
=========================================
  Coverage     80.07%   80.07%           
  Complexity      714      714           
=========================================
  Files            87       87           
  Lines          2023     2023           
  Branches        269      269           
=========================================
  Hits           1620     1620           
  Misses          254      254           
  Partials        149      149           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@AnurudraS
Copy link
Contributor Author

Test cases were already present in command.js therefore, I have updated the test case according to the latest code.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Test cases were already present in command.js therefore, I have updated the test case according to the latest code.

Copy link
Collaborator

@rismehta rismehta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

check changes

@adobe-bot
Copy link

Lighthouse scores (desktop)

Performance Accessibility Best-Practices SEO
Scores 100 100 100 73

@adobe-bot
Copy link

Lighthouse scores (mobile)

Performance Accessibility Best-Practices SEO
Scores 91 100 100 73

@adobe-bot
Copy link

Accessibility Violations Found

Id Impact
label-title-only serious
landmark-one-main moderate
region moderate

@@ -63,14 +63,20 @@
const startTime = new Date().getTime();
let elements = document.querySelectorAll(FormContainerV2.selectors.self);
for (let i = 0; i < elements.length; i++) {
elements[i].classList.add(FormContainerV2.loadingClass);
let loaderToAdd = document.querySelector("[data-cmp-adaptiveform-container-loader='"+ elements[i].id + "']");
if(loaderToAdd){
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please fix formatting here

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done.

Copy link
Collaborator

@rismehta rismehta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please write a test case for the fix

@adobe-bot
Copy link

Lighthouse scores (mobile)

Performance Accessibility Best-Practices SEO
Scores 90 100 100 73

@adobe-bot
Copy link

Lighthouse scores (desktop)

Performance Accessibility Best-Practices SEO
Scores 100 100 100 73

@adobe-bot
Copy link

Accessibility Violations Found

Id Impact
label-title-only serious
landmark-one-main moderate
region moderate

@adobe-bot
Copy link

Lighthouse scores (mobile)

Performance Accessibility Best-Practices SEO
Scores 91 100 100 73

@adobe-bot
Copy link

Lighthouse scores (desktop)

Performance Accessibility Best-Practices SEO
Scores 100 100 100 73

@adobe-bot
Copy link

Accessibility Violations Found

Id Impact
label-title-only serious
landmark-one-main moderate
region moderate

@rismehta rismehta merged commit e3f117c into dev Sep 27, 2023
5 checks passed
@rismehta rismehta deleted the FORMS_9362 branch September 27, 2023 11:18
im-shiv pushed a commit that referenced this pull request Oct 3, 2023
* FORMS-9362: loading icon behind fields

* FORMS-9362 : null check added as per comments

* FORMS-9362 : changes due to review comments

* FORMS-9362 : formatting the changes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants