Merge pull request #371 from xmtp-labs/dj/add-wallet

Update Wagmi + RainbowKit Versions
ephemeraHQ · Sep 29, 2023 · df4ba14 · df4ba14 · vercel · Sep 29, 2023
2 parents 6181fb8 + fcc8267
commit df4ba14
Show file tree

Hide file tree

Showing 27 changed files with 1,069 additions and 927 deletions.
diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
@@ -21,3 +21,4 @@ jobs:
           start: npm run dev
         env:
           VITE_PROJECT_ID: ${{ secrets.PROJECT_ID }}
+          VITE_INFURA_ID: ${{ secrets.VITE_INFURA_ID }}
diff --git a/cypress/e2e/connect_disconnect.cy.ts b/cypress/e2e/connect_disconnect.cy.ts
@@ -1,4 +1,4 @@
-import { checkElement, startDemoEnv, TIMEOUT } from "../test_utils";
+import { checkElement, startDemoEnv } from "../test_utils";
 
 describe(
   "Connected Test Cases",
@@ -24,22 +24,30 @@ describe(
         "collapse-icon",
         "icon",
         "conversation-list-header",
-        "new-message-icon-cta",
-        "conversations-list-panel",
+        "empty-message-icon",
+        "empty-message-header",
+        "empty-message-subheader",
+        "empty-message-cta",
       ];
-
       elements.forEach((element) => {
         checkElement(element);
       });
     });
 
-    it("Shows feedback convo with a preview message", () => {
-      checkElement("conversations-list-panel");
-      // eslint-disable-next-line cypress/no-unnecessary-waiting
-      cy.wait(500);
-      cy.get(`[data-testid=message-preview-text]`, { timeout: TIMEOUT })
-        .first()
-        .should("exist");
+    it("Shows expected right panel fields when logged in with a connected wallet and no existing messages", () => {
+      const elements = [
+        "learn-more-header",
+        "get-started-header",
+        "message-section-link",
+        "message-icon",
+        "community-section-link",
+        "community-icon",
+        "docs-section-link",
+        "docs-icon",
+      ];
+      elements.forEach((element) => {
+        checkElement(element);
+      });
     });
 
     it("Shows expected fields when expanding side nav while connected", () => {
@@ -61,11 +69,9 @@ describe(
       cy.get(`[data-testid="disconnect-wallet-cta"]`).click();
     });
 
-    it("Opens new message view when clicking on plus icon from left panel", () => {
+    it("Opens new message view when clicking the CTA from left panel", () => {
       // Need to break up the click chain for GitHub actions
-      cy.get(`[data-testid=new-message-icon-cta]`).click();
-      // eslint-disable-next-line cypress/no-unnecessary-waiting
-      cy.wait(500);
+      cy.get(`[data-testid=empty-message-cta]`).click();
       checkElement("message-input");
     });
   },

diff --git a/cypress/e2e/messaging.cy.ts b/cypress/e2e/messaging.cy.ts
@@ -53,8 +53,8 @@ describe(
     });
 
     it("Renders error message when sending message to existing user outside of XMTP network", () => {
-      checkElement("new-message-icon-cta");
-      cy.get(`[data-testid=new-message-icon-cta]`).click({ timeout: TIMEOUT });
+      checkElement("empty-message-cta");
+      cy.get(`[data-testid=empty-message-cta]`).click({ timeout: TIMEOUT });
       checkElement("message-to-input").type("invalidUser", { delay: 1 });
       cy.get(`[data-testid=message-to-subtext]`, { timeout: TIMEOUT }).should(
         "have.text",

diff --git a/cypress/mock_wagmi_client.ts b/cypress/mock_wagmi_client.ts
diff --git a/cypress/test_utils.ts b/cypress/test_utils.ts
@@ -98,8 +98,8 @@ export const sendAndEnterMessage = (
   checkDifferentMessages = false,
 ) => {
   cy.wait(2000);
-  checkElement("new-message-icon-cta");
-  cy.get(`[data-testid=new-message-icon-cta]`).click({ timeout: TIMEOUT });
+  checkElement("empty-message-cta");
+  cy.get(`[data-testid=empty-message-cta]`).click({ timeout: TIMEOUT });
   enterWalletAddress(testUser);
   checkExpectedPreMessageFields();
   sendMessages(numberOfTimes, message, testUser, checkDifferentMessages);