#5400264 Step-by-step credentials verification (progress only)

• context and past patches
• #47898 (original data-layer changes, now reverted)
• you are here: #47614 (i4 verification screen with progress only)
• #48106 (full i4 verification screen)
• #48492 (data-layer with wpcom-proxy-request fix)

Changes proposed

This patch replaces the “Testing connection…” notice below with an early version of the i4 step-by-step verification screen, using the streamed progress messages that #47898 made available.

Successes and failures work the same way for now (notice and return to credentials form). #48106 introduces their i4-based replacement, along with the error handling improvements it relies on.

These changes affect the “advanced credentials” flow, which is currently green only, so blue should be unaffected.

Testing instructions

Check out this patch:

$ git fetch # or clone if necessary
$ git checkout add/credentials-testing-progress

Update your node_modules, then spin up green locally:

$ yarn
$ yarn start-jetpack-cloud

Open green and choose a Rewind-enabled site, then click Settings.

Verify that you can save working credentials successfully, with progress displayed similarly to the screen recording below, followed by the usual notice:

Now try to save the same credentials except for an incorrect password or private key, and verify that progress is displayed similarly to the screen recording below, followed by the usual notice:

Screen recording (click to play)