feat(client): improve SuperBlock cert claiming UX (#41147)

* feat(client): improve SuperBlock cert claiming UX

* broken: add certCard foundation

* broken: add TODO comments for scatter-brain

* restructure stepsToClaimSelector

* add api-server verifyCanClaimCert logic

* temp: correct verifyCanClaim URL

* move GET logic to CertificationCard, remove console.logs

* add error handling, and navigation logic

* correct verification logical flow

* fix completion-epic updates, fix cert verify

* update widget to button, disable button unless verified

* working: refactor CertChallenge with hook state

* add StepsType

* update Honesty snapshot

* add DonationModal to SuperBlockIntro

* disable Claim Cert button unless also isHonest

* prevent warning when viewing cert

* test: use navigate in Modal to return to hash

* test: replace gatsby.navigate with reach/router.navigate

* add propTypes

* fix: rename propTypes -> prop-types

* use react-scrollable-anchor to squash modal bug

* update location parser type

* open-source Oliver's suggestion

* fix superblock title

* add claim-cert-from-learn tests

* use larger tests

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* fix some cypress stuff

* fix ShowCertification cypress test

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Shaun Hamilton
2021-07-15 15:51:27 +01:00
committed by GitHub
parent 5a52c229f5
commit 6ca6d9950c
17 changed files with 634 additions and 253 deletions

View File

@ -40,6 +40,22 @@ Cypress.Commands.add('login', () => {
cy.contains('Welcome back');
});
Cypress.Commands.add('toggleAll', () => {
cy.login();
cy.visit('/settings');
// cy.get('input[name="isLocked"]').click();
// cy.get('input[name="name"]').click();
cy.get('#privacy-settings')
.find('.toggle-not-active')
.each(element => {
return new Cypress.Promise(resolve => {
cy.wrap(element).click().should('have.class', 'toggle-active');
resolve();
});
});
cy.get('#honesty-policy').find('button').click().wait(300);
});
Cypress.Commands.add('resetUsername', () => {
cy.login();
cy.visit('/settings');