chore: fix synpress error

Author: nghaninn

Dockerfile

@@ -2,6 +2,11 @@
 # FROM synthetixio/docker-e2e:18.16-ubuntu as base
 FROM synthetixio/docker-e2e@sha256:d46dd0c38a4a6cf44355dbf583f3bb83c60e445c5508c10d7680c5a30dc81d8a as base
 
+# Download and install Google Chrome
+ENV CHROME_VERSION=130.0.6723.116-1
+RUN wget -q https://dl.google.com/linux/chrome/deb/pool/main/g/google-chrome-stable/google-chrome-stable_${CHROME_VERSION}_amd64.deb
+RUN apt-get install -y ./google-chrome-stable_${CHROME_VERSION}_amd64.deb
+
 RUN mkdir /app
 WORKDIR /app
 

package.json

@@ -29,7 +29,7 @@
     "integration:testcafe": "run-s blockchain:contracts:testcafe build:test integration:testcafe:prod",
     "integration:testcafe:ci": "concurrently -k -s first \"npm:blockchain\" \"npm:integration:testcafe\"",
     "integration:metamask": "run-s wait blockchain:contracts:synpress integration:synpress",
-    "integration:synpress": "cross-env METAMASK_VERSION=11.15.6 CYPRESS_RESOURCES_WAIT=1 STABLE_MODE=true SECRET_WORDS='indicate swing place chair flight used hammer soon photo region volume shuffle' NETWORK_NAME='localhost' RPC_URL=http://localhost:8545 CHAIN_ID=1337 SYMBOL=ETH IS_TESTNET=true synpress run --configFile='./synpress.config.js'",
+    "integration:synpress": "node ./scripts/fix_synpress.js && cross-env METAMASK_VERSION=11.15.6 CYPRESS_RESOURCES_WAIT=1 STABLE_MODE=true SECRET_WORDS='indicate swing place chair flight used hammer soon photo region volume shuffle' NETWORK_NAME='localhost' RPC_URL=http://localhost:8545 CHAIN_ID=1337 SYMBOL=ETH IS_TESTNET=true synpress run --configFile='./synpress.config.js'",
     "integration:local": "cross-env NET=local npm run dev",
     "integration:local:static": "cross-env NET=local  npm run build:test && npm run serve-static",
     "integration:headful": "concurrently -k -s first \"npm:blockchain\" \"npm:integration:local:static\" \"npm:integration:metamask\"",

scripts/fix_synpress.js

@@ -0,0 +1,8 @@
+const fs = require("fs");
+
+const synpressConfigPath = "./node_modules/@synthetixio/synpress/commands/playwright.js";
+
+const playwright = fs.readFileSync(synpressConfigPath, { encoding: "utf8" });
+const overwrite = playwright.replace(").split(': ')[1];", ").split(': ')[1].replace(/(\\n| )/g, '');");
+
+fs.writeFileSync(synpressConfigPath, overwrite, { encoding: "utf8" });

src/common/hooks/useEndorsementChain/useEndorsementChain.integration.test.tsx

@@ -47,10 +47,10 @@ describe("useEndorsementChain|integration", () => {
           expect(result.current.endorsementChain).toBe(undefined);
           expect(result.current.pending).toBe(false);
         },
-        { timeout: 60000 }
+        { timeout: 120_000 }
       );
     });
-  }, 60000);
+  }, 120_000);
 
   it("should work correctly for a given tokenRegistryAddress + tokenId with Transfer, Surrender, Burnt events", async () => {
     const { result } = renderHook(
@@ -207,8 +207,8 @@ describe("useEndorsementChain|integration", () => {
           expect(result.current.pending).toBe(false);
           expect(result.current.error).toBe("");
         },
-        { timeout: 60_000 }
+        { timeout: 120_000 }
       );
     });
-  }, 60_000);
+  }, 120_000);
 });