Use ava for UI tests

Author: CoveMB

package.json

@@ -29,7 +29,6 @@
     ]
   },
   "devDependencies": {
-    "tsx": "^4.19.2",
     "@eslint/js": "^9.21.0",
     "concurrently": "^9.1.2",
     "eslint": "^9.33.0",

packages/ui/ava.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extensions: ['ts'],
+  require: ['./ts-node-register.cjs'],
+  timeout: '10m',
+  workerThreads: false,
+};

packages/ui/package.json

@@ -10,9 +10,10 @@
     "dev:api": "ENV=dev deno task dev",
     "start": "sirv public",
     "validate": "svelte-check",
-    "test": "node --import tsx --test ./src/**/*.node.test.ts"
+    "test": "ava"
   },
   "devDependencies": {
+    "ava": "^6.1.2",
     "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-json": "^6.0.0",
@@ -40,6 +41,7 @@
     "svelte-preprocess": "^5.0.0",
     "tailwindcss": "^3.0.15",
     "tslib": "^2.0.0",
+    "ts-node": "^10.9.2",
     "typescript": "^5.0.0"
   },
   "dependencies": {

packages/ui/src/solidity/remix.node.test.ts

@@ -0,0 +1,66 @@
+import test from 'ava';
+import { remixURL } from './remix';
+
+// Decoder used in Remix
+const decodeBase64 = (b64Payload: string) => {
+  const raw = atob(decodeURIComponent(b64Payload));
+  const bytes = Uint8Array.from(raw, c => c.charCodeAt(0));
+  return new TextDecoder().decode(bytes);
+};
+
+test('remixURL encodes code param decodable by decodeBase64', t => {
+  const contractSource = 'contract A{}';
+
+  const url = remixURL(contractSource);
+  const codeParam = url.searchParams.get('code');
+  t.truthy(codeParam, 'Expected code search param to be set');
+
+  const decoded = decodeBase64(codeParam!);
+  t.is(decoded, contractSource, 'Decoded code should equal original source');
+});
+
+test('remixURL sets deployProxy flag when upgradeable', t => {
+  const contractSource = 'contract A{}';
+
+  const urlTrue = remixURL(contractSource, true);
+  t.is(urlTrue.searchParams.get('deployProxy'), 'true');
+
+  const urlFalse = remixURL(contractSource, false);
+  t.is(urlFalse.searchParams.get('deployProxy'), null);
+});
+
+test('remixURL encodes code param with special characters decodable by decodeBase64', t => {
+  // not a valid contract
+  const contractSource = `// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccountERC7579} from "@openzeppelin/contracts/account/extensions/draft-AccountERC7579.sol";
+import {ERC7739} from "@openzeppelin/contracts/utils/cryptography/signers/draft-ERC7739.sol";
+
+contract MyAccount is ERC7739, AccountERC7579 {
+    constructor(address signer)
+        EIP712(unicode"MyAccount🌾", "1")
+        SignerECDSA(signer)
+    {}
+
+    function isValidSignature(bytes32 hash, bytes calldata signature)
+        public
+        view
+        override(AccountERC7579, ERC7739)
+        returns (bytes4)
+    {
+        // ERC-7739 can return the ERC-1271 magic value, 0xffffffff (invalid) or 0x77390001 (detection).
+        // If the returned value is 0xffffffff, fallback to ERC-7579 validation.
+        bytes4 erc7739magic = ERC7739.isValidSignature(hash, signature);
+        return erc7739magic == bytes4(0xffffffff) ? AccountERC7579.isValidSignature(hash, signature) : erc7739magic;
+    }
+}`;
+
+  const url = remixURL(contractSource);
+  const codeParam = url.searchParams.get('code');
+  t.truthy(codeParam, 'Expected code search param to be set');
+
+  const decoded = decodeBase64(codeParam!);
+  t.is(decoded, contractSource, 'Decoded code should equal original source');
+});

packages/ui/src/solidity/remix.test.ts

@@ -1,7 +1,17 @@
 export function remixURL(code: string, upgradeable = false): URL {
   const remix = new URL('https://remix.ethereum.org');
 
-  const encodedCode = btoa(String.fromCharCode(...new TextEncoder().encode(code))).replace(/=*$/, '');
+  // Encode to base64 in a way that works in both browser and Node.
+  const encodedCode = ((): string => {
+    // Prefer browser btoa when available
+    if (typeof (globalThis as any).btoa === 'function') {
+      const bytes = new TextEncoder().encode(code);
+      const binary = String.fromCharCode(...bytes);
+      return (globalThis as any).btoa(binary).replace(/=*$/, '');
+    }
+    // Fallback to Node Buffer
+    return Buffer.from(code, 'utf8').toString('base64').replace(/=*$/, '');
+  })();
 
   remix.searchParams.set('code', encodedCode);
 

packages/ui/src/solidity/remix.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+
+// Configure ts-node to use a test-specific tsconfig
+const path = require('path');
+
+require('ts-node').register({
+  transpileOnly: true,
+  project: path.join(__dirname, 'tsconfig.test.json'),
+});

packages/ui/ts-node-register.cjs

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "noEmit": true,
+    "lib": [
+      "es2020",
+      "dom",
+      "dom.iterable"
+    ]
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}
+