Ensure the first device on a newly-registered account gets cross-signed properly (matrix-org#8750)

Author: duxovni

cypress/integration/1-register/register.spec.ts

@@ -67,5 +67,10 @@ describe("Registration", () => {
 
         cy.url().should('contain', '/#/home');
         cy.stopMeasuring("from-submit-to-home");
+
+        cy.get('[aria-label="User menu"]').click();
+        cy.get('[aria-label="Security & Privacy"]').click();
+        cy.get(".mx_DevicesPanel_myDevice .mx_DevicesPanel_deviceTrust .mx_E2EIcon")
+            .should("have.class", "mx_E2EIcon_verified");
     });
 });

src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx

@@ -274,9 +274,9 @@ export default class CreateSecretStorageDialog extends React.PureComponent<IProp
         });
     };
 
-    private doBootstrapUIAuth = async (makeRequest: (authData: any) => void): Promise<void> => {
+    private doBootstrapUIAuth = async (makeRequest: (authData: any) => Promise<void>): Promise<void> => {
         if (this.state.canUploadKeysWithPasswordOnly && this.state.accountPassword) {
-            makeRequest({
+            await makeRequest({
                 type: 'm.login.password',
                 identifier: {
                     type: 'm.id.user',

src/components/views/dialogs/security/CreateCrossSigningDialog.tsx

@@ -91,9 +91,9 @@ export default class CreateCrossSigningDialog extends React.PureComponent<IProps
         }
     }
 
-    private doBootstrapUIAuth = async (makeRequest: (authData: any) => void): Promise<void> => {
+    private doBootstrapUIAuth = async (makeRequest: (authData: any) => Promise<void>): Promise<void> => {
         if (this.state.canUploadKeysWithPasswordOnly && this.state.accountPassword) {
-            makeRequest({
+            await makeRequest({
                 type: 'm.login.password',
                 identifier: {
                     type: 'm.id.user',
@@ -106,7 +106,7 @@ export default class CreateCrossSigningDialog extends React.PureComponent<IProps
             });
         } else if (this.props.tokenLogin) {
             // We are hoping the grace period is active
-            makeRequest({});
+            await makeRequest({});
         } else {
             const dialogAesthetics = {
                 [SSOAuthEntry.PHASE_PREAUTH]: {