Compare commits
2 Commits
7d97ea4b53
...
9c834f440f
| Author | SHA1 | Date | |
|---|---|---|---|
| 9c834f440f | |||
| d9d50f05d2 |
39
README.md
39
README.md
@@ -538,6 +538,27 @@ Both are click-copyable. Truncating to 4 decimals in summary views is acceptable
|
|||||||
for scannability, but the detail view must never discard precision — it is the
|
for scannability, but the detail view must never discard precision — it is the
|
||||||
one place the user can always use to verify exact details.
|
one place the user can always use to verify exact details.
|
||||||
|
|
||||||
|
#### Partial USD totals
|
||||||
|
|
||||||
|
Prices are fetched for the top 25 tokens only, so an address can hold assets the
|
||||||
|
extension has no price for. Worth zero and worth an unknown amount are different
|
||||||
|
facts and are never collapsed into one number. `getAddressValue()` in
|
||||||
|
`src/shared/prices.js` returns `{ usd, partial }` — the value of the priced
|
||||||
|
holdings, and whether an unpriced holding was left out of it — and every screen
|
||||||
|
renders it through `formatAddressTotal()`, so the wording cannot drift:
|
||||||
|
|
||||||
|
- Nothing knowable (testnet, or before the first price fetch): no total line.
|
||||||
|
- Everything priced: `Total: $5,500.00`.
|
||||||
|
- Part priced: `Total: $3,000.00 plus unpriced tokens` — the figure is real as
|
||||||
|
far as it goes and is kept, named as a floor rather than the total.
|
||||||
|
- Nothing priced but something held: `Total: unpriced tokens only`. No figure,
|
||||||
|
because the only figure available would be the `$0.00` sum of an empty set,
|
||||||
|
and on the address-removal confirmation that sits directly under "This address
|
||||||
|
holds a balance."
|
||||||
|
|
||||||
|
The per-token balance lines are unaffected: each shows its quantity, and a USD
|
||||||
|
column that is blank for a token with no price.
|
||||||
|
|
||||||
#### Language & Labeling
|
#### Language & Labeling
|
||||||
|
|
||||||
All user-facing text avoids unnecessary jargon wherever possible:
|
All user-facing text avoids unnecessary jargon wherever possible:
|
||||||
@@ -673,7 +694,9 @@ on ConfirmTx, DeleteWallet, ApproveTx and ApproveSign.
|
|||||||
- **When**: At least one wallet exists. This is the root screen.
|
- **When**: At least one wallet exists. This is the root screen.
|
||||||
- **Elements**:
|
- **Elements**:
|
||||||
- Active address ETH balance (large) + USD value in parentheses
|
- Active address ETH balance (large) + USD value in parentheses
|
||||||
- "Total:" USD value across ETH and every token shown for the active address
|
- "Total:" USD value across ETH and every token shown for the active
|
||||||
|
address, written by `formatAddressTotal()` — see
|
||||||
|
[Partial USD totals](#partial-usd-totals)
|
||||||
- Active address (color dot, full address, etherscan link, tap to copy)
|
- Active address (color dot, full address, etherscan link, tap to copy)
|
||||||
- Send / Receive quick-action buttons, both acting on the active address
|
- Send / Receive quick-action buttons, both acting on the active address
|
||||||
- ETH/USD price display
|
- ETH/USD price display
|
||||||
@@ -735,7 +758,7 @@ on ConfirmTx, DeleteWallet, ApproveTx and ApproveSign.
|
|||||||
- Title: "Wallet Name — Address N"
|
- Title: "Wallet Name — Address N"
|
||||||
- ENS name (if resolved, bold above the address)
|
- ENS name (if resolved, bold above the address)
|
||||||
- Full address (color dot, etherscan link, tap to copy)
|
- Full address (color dot, etherscan link, tap to copy)
|
||||||
- USD total for address
|
- USD total for address (see [Partial USD totals](#partial-usd-totals))
|
||||||
- Balance list: ETH + the ERC-20 tokens shown for this address (4 decimal
|
- Balance list: ETH + the ERC-20 tokens shown for this address (4 decimal
|
||||||
places, USD inline). Each balance row is clickable → **AddressToken**
|
places, USD inline). Each balance row is clickable → **AddressToken**
|
||||||
- Send / Receive / + Token buttons and a "···" menu button
|
- Send / Receive / + Token buttons and a "···" menu button
|
||||||
@@ -1101,11 +1124,13 @@ on ConfirmTx, DeleteWallet, ApproveTx and ApproveSign.
|
|||||||
xprv wallet has no recovery phrase to re-import.
|
xprv wallet has no recovery phrase to re-import.
|
||||||
- A warning when the address holds anything, ETH or any tracked ERC-20,
|
- A warning when the address holds anything, ETH or any tracked ERC-20,
|
||||||
followed by the holdings themselves via `balanceLinesForAddress()` and the
|
followed by the holdings themselves via `balanceLinesForAddress()` and the
|
||||||
USD total via `getAddressValueUsd()`. The sentence names no figure of its
|
USD total via `formatAddressTotal()` (see
|
||||||
own: the lines round to four decimals, so a sentence built from a rounded
|
[Partial USD totals](#partial-usd-totals)). The sentence names no figure
|
||||||
number would report `0.0000 ETH` for an address holding real money. The
|
of its own: the lines round to four decimals, so a sentence built from a
|
||||||
predicate is `addressHoldsFunds()` in `src/popup/views/helpers.js`,
|
rounded number would report `0.0000 ETH` for an address holding real
|
||||||
unrounded and token-aware. A balance is a warning, never a refusal.
|
money. The predicate is `addressHoldsFunds()` in
|
||||||
|
`src/popup/views/helpers.js`, unrounded and token-aware. A balance is a
|
||||||
|
warning, never a refusal.
|
||||||
- The rule that a wallet always keeps at least one address, and that
|
- The rule that a wallet always keeps at least one address, and that
|
||||||
removing the last one means deleting the wallet from Settings
|
removing the last one means deleting the wallet from Settings
|
||||||
- Error line
|
- Error line
|
||||||
|
|||||||
32
TODO.md
32
TODO.md
@@ -45,6 +45,22 @@ undefined identifiers, which is how
|
|||||||
|
|
||||||
# Completed Steps
|
# Completed Steps
|
||||||
|
|
||||||
|
- 2026-08-17: An address total no longer reports `$0.00` for holdings it cannot
|
||||||
|
price. Prices exist for the top 25 tokens only, so the priced-only sum was
|
||||||
|
printed as the total and an address holding nothing but unpriced ERC-20s was
|
||||||
|
shown as worth nothing — directly under "This address holds a balance." on the
|
||||||
|
address-removal confirmation. `getAddressValue()` in `src/shared/prices.js`
|
||||||
|
now returns `{ usd, partial }`, keeping worth-zero and worth-an-unknown-amount
|
||||||
|
apart the way an absent `holders_count` is kept apart from a count of zero,
|
||||||
|
and every screen renders it through the one `formatAddressTotal()`: the figure
|
||||||
|
when it covers everything, the figure marked `plus unpriced tokens` when it
|
||||||
|
covers part, and `Total: unpriced tokens only` when it would cover nothing.
|
||||||
|
Home, AddressDetail and the removal confirmation all read it, and
|
||||||
|
`getWalletValue()`/`getTotalValue()` carry `partial` up. Covered by
|
||||||
|
`tests/addressValue.test.js` — the only-unpriced, genuinely-zero and
|
||||||
|
fully-priced cases at the helper and at both call sites that return their
|
||||||
|
markup — demonstrated failing first
|
||||||
|
([#261](https://git.eeqj.de/sneak/AutistMask/issues/261)).
|
||||||
- 2026-08-17: `README.md` no longer advertises a defect the wallet does not
|
- 2026-08-17: `README.md` no longer advertises a defect the wallet does not
|
||||||
have. The End-to-End Tests section listed the EIP-1193 code being dropped in
|
have. The End-to-End Tests section listed the EIP-1193 code being dropped in
|
||||||
the last hop into the page as a standing limit of the dApp coverage; that
|
the last hop into the page as a standing limit of the dApp coverage; that
|
||||||
@@ -54,6 +70,22 @@ undefined identifiers, which is how
|
|||||||
stubbed RPC and the unobservable toolbar popup — were checked against the
|
stubbed RPC and the unobservable toolbar popup — were checked against the
|
||||||
current `src/content/inpage.js` and `tests/e2e/` and left as they are
|
current `src/content/inpage.js` and `tests/e2e/` and left as they are
|
||||||
([#285](https://git.eeqj.de/sneak/AutistMask/issues/285)).
|
([#285](https://git.eeqj.de/sneak/AutistMask/issues/285)).
|
||||||
|
- 2026-08-14: The parts of the
|
||||||
|
[#150](https://git.eeqj.de/sneak/AutistMask/issues/150) and
|
||||||
|
[#151](https://git.eeqj.de/sneak/AutistMask/issues/151) definition of done the
|
||||||
|
e2e suite did not cover are asserted. It had only shown that the two screens
|
||||||
|
open without throwing. Now: the Add Token round trip leaves the navigation
|
||||||
|
stack exactly as it found it, read out of extension storage rather than
|
||||||
|
inferred from which screen is up, so an orphaned entry — the second-order
|
||||||
|
damage of #150 — is caught where it happens rather than one Back press later;
|
||||||
|
a common-token quick-pick puts its contract address in the field; the native
|
||||||
|
ETH detail path renders with its own type, value and raw quantity and with the
|
||||||
|
token contract row still hidden, against a new `seedNativeTransfer` fixture,
|
||||||
|
since the normal-transactions endpoint answered `[]` unconditionally and there
|
||||||
|
was no non-ERC-20 row to open; and tapping the token contract address puts it
|
||||||
|
on the real clipboard, read back after a sentinel write. Each of the four was
|
||||||
|
demonstrated failing against a deliberately broken build
|
||||||
|
([#188](https://git.eeqj.de/sneak/AutistMask/issues/188)).
|
||||||
- 2026-08-12: EIP-1193 error codes now reach the page. `src/content/inpage.js`
|
- 2026-08-12: EIP-1193 error codes now reach the page. `src/content/inpage.js`
|
||||||
rebuilt every failure as `new Error(error.message)`, so the code the
|
rebuilt every failure as `new Error(error.message)`, so the code the
|
||||||
background produced and the content script relayed intact was dropped in the
|
background produced and the content script relayed intact was dropped in the
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ const {
|
|||||||
pushCurrentView,
|
pushCurrentView,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { state, currentAddress, saveState } = require("../../shared/state");
|
const { state, currentAddress, saveState } = require("../../shared/state");
|
||||||
const { formatUsd, getAddressValueUsd } = require("../../shared/prices");
|
const { formatAddressTotal, getAddressValue } = require("../../shared/prices");
|
||||||
const {
|
const {
|
||||||
fetchRecentTransactions,
|
fetchRecentTransactions,
|
||||||
filterTransactions,
|
filterTransactions,
|
||||||
@@ -64,7 +64,7 @@ function show() {
|
|||||||
});
|
});
|
||||||
$("address-line").dataset.full = addr.address;
|
$("address-line").dataset.full = addr.address;
|
||||||
attachCopyHandlers($("address-line"));
|
attachCopyHandlers($("address-line"));
|
||||||
const usdTotal = formatUsd(getAddressValueUsd(addr));
|
const usdTotal = formatAddressTotal(getAddressValue(addr));
|
||||||
$("address-usd-total").innerHTML = usdTotal || " ";
|
$("address-usd-total").innerHTML = usdTotal || " ";
|
||||||
const ensEl = $("address-ens");
|
const ensEl = $("address-ens");
|
||||||
// ENS is now shown inside renderAddressHtml, hide the separate element
|
// ENS is now shown inside renderAddressHtml, hide the separate element
|
||||||
|
|||||||
@@ -18,11 +18,7 @@ const {
|
|||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { state, currentAddress, saveState } = require("../../shared/state");
|
const { state, currentAddress, saveState } = require("../../shared/state");
|
||||||
const { TOKEN_BY_ADDRESS, resolveSymbol } = require("../../shared/tokenList");
|
const { TOKEN_BY_ADDRESS, resolveSymbol } = require("../../shared/tokenList");
|
||||||
const {
|
const { formatUsd, getPrice } = require("../../shared/prices");
|
||||||
formatUsd,
|
|
||||||
getPrice,
|
|
||||||
getAddressValueUsd,
|
|
||||||
} = require("../../shared/prices");
|
|
||||||
const {
|
const {
|
||||||
fetchRecentTransactions,
|
fetchRecentTransactions,
|
||||||
filterTransactions,
|
filterTransactions,
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ const {
|
|||||||
addressHoldsFunds,
|
addressHoldsFunds,
|
||||||
balanceLinesForAddress,
|
balanceLinesForAddress,
|
||||||
} = require("./helpers");
|
} = require("./helpers");
|
||||||
const { formatUsd, getAddressValueUsd } = require("../../shared/prices");
|
const { formatAddressTotal, getAddressValue } = require("../../shared/prices");
|
||||||
const { walletHasRecoveryPhrase } = require("../../shared/wallet");
|
const { walletHasRecoveryPhrase } = require("../../shared/wallet");
|
||||||
const { state, saveState } = require("../../shared/state");
|
const { state, saveState } = require("../../shared/state");
|
||||||
const {
|
const {
|
||||||
@@ -84,16 +84,16 @@ function recoveryPathText(wallet) {
|
|||||||
// own: the rendered lines round to four decimals, so a sentence built from a
|
// own: the rendered lines round to four decimals, so a sentence built from a
|
||||||
// rounded number would report "0.0000 ETH" for an address holding real money.
|
// rounded number would report "0.0000 ETH" for an address holding real money.
|
||||||
// The lines below it carry the amounts, in the same format as Home and
|
// The lines below it carry the amounts, in the same format as Home and
|
||||||
// AddressDetail, followed by the USD total when prices are known (null on
|
// AddressDetail, followed by the USD total when there is one to give — no
|
||||||
// testnet and before the first price fetch, where the line is left off rather
|
// total line at all on testnet or before the first price fetch, and no figure
|
||||||
// than printed as $0.00).
|
// when every holding here is one with no price, since "$0.00" directly under
|
||||||
|
// "This address holds a balance." is a contradiction.
|
||||||
function balanceWarningHtml(addr) {
|
function balanceWarningHtml(addr) {
|
||||||
if (!addressHoldsFunds(addr)) return " ";
|
if (!addressHoldsFunds(addr)) return " ";
|
||||||
const usd = getAddressValueUsd(addr);
|
const line = formatAddressTotal(getAddressValue(addr));
|
||||||
const total =
|
const total = line
|
||||||
usd === null
|
? `<div class="text-xs text-muted mt-1">${line}</div>`
|
||||||
? ""
|
: "";
|
||||||
: `<div class="text-xs text-muted mt-1">Total: ${formatUsd(usd)}</div>`;
|
|
||||||
return (
|
return (
|
||||||
`<p class="mb-1">This address holds a balance. Removing it does not ` +
|
`<p class="mb-1">This address holds a balance. Removing it does not ` +
|
||||||
`move or spend anything; the balance stays at the address.</p>` +
|
`move or spend anything; the balance stays at the address.</p>` +
|
||||||
|
|||||||
@@ -1,11 +1,7 @@
|
|||||||
// Shared DOM helpers used by all views.
|
// Shared DOM helpers used by all views.
|
||||||
|
|
||||||
const { isDebug } = require("../../shared/log");
|
const { isDebug } = require("../../shared/log");
|
||||||
const {
|
const { formatUsd, getPrice } = require("../../shared/prices");
|
||||||
formatUsd,
|
|
||||||
getPrice,
|
|
||||||
getAddressValueUsd,
|
|
||||||
} = require("../../shared/prices");
|
|
||||||
const { state, saveState, currentNetwork } = require("../../shared/state");
|
const { state, saveState, currentNetwork } = require("../../shared/state");
|
||||||
const { markViewRendered } = require("../viewRouter");
|
const { markViewRendered } = require("../viewRouter");
|
||||||
|
|
||||||
|
|||||||
@@ -28,8 +28,9 @@ const {
|
|||||||
} = require("../../shared/walletDefects");
|
} = require("../../shared/walletDefects");
|
||||||
const {
|
const {
|
||||||
formatUsd,
|
formatUsd,
|
||||||
|
formatAddressTotal,
|
||||||
getPrice,
|
getPrice,
|
||||||
getAddressValueUsd,
|
getAddressValue,
|
||||||
} = require("../../shared/prices");
|
} = require("../../shared/prices");
|
||||||
const {
|
const {
|
||||||
fetchRecentTransactions,
|
fetchRecentTransactions,
|
||||||
@@ -71,9 +72,7 @@ function renderTotalValue() {
|
|||||||
el.textContent = ethStr + ethUsd;
|
el.textContent = ethStr + ethUsd;
|
||||||
|
|
||||||
if (subEl) {
|
if (subEl) {
|
||||||
const totalUsd = getAddressValueUsd(addr);
|
subEl.innerHTML = formatAddressTotal(getAddressValue(addr)) || " ";
|
||||||
subEl.innerHTML =
|
|
||||||
totalUsd !== null ? "Total: " + formatUsd(totalUsd) : " ";
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -257,8 +256,8 @@ function walletListHtml() {
|
|||||||
html += `<span class="flex items-center break-all">${addr.ensName ? "" : dot}${addr.address}</span>`;
|
html += `<span class="flex items-center break-all">${addr.ensName ? "" : dot}${addr.address}</span>`;
|
||||||
html += `<span class="flex-shrink-0 ml-1">${infoBtn}${removeBtn}</span>`;
|
html += `<span class="flex-shrink-0 ml-1">${infoBtn}${removeBtn}</span>`;
|
||||||
html += `</div>`;
|
html += `</div>`;
|
||||||
const addrUsd = formatUsd(getAddressValueUsd(addr));
|
const addrTotal = formatAddressTotal(getAddressValue(addr));
|
||||||
html += `<div class="text-xs text-muted text-right min-h-[1rem]">${addrUsd || " "}</div>`;
|
html += `<div class="text-xs text-muted text-right min-h-[1rem]">${addrTotal || " "}</div>`;
|
||||||
html += balanceLinesForAddress(
|
html += balanceLinesForAddress(
|
||||||
addr,
|
addr,
|
||||||
state.trackedTokens,
|
state.trackedTokens,
|
||||||
|
|||||||
@@ -55,42 +55,77 @@ function formatUsd(amount) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function getAddressValueUsd(addr) {
|
// What an address is worth, as { usd, partial }.
|
||||||
|
//
|
||||||
|
// Prices are fetched for the top 25 tokens only, so an address can hold real
|
||||||
|
// assets this code has no price for. Adding up the priced ones and calling the
|
||||||
|
// result the total states a number the holdings do not support: an address
|
||||||
|
// holding nothing but unpriced tokens comes out at $0.00, which tells the user
|
||||||
|
// their address is worth nothing when it may hold a great deal. Worth zero and
|
||||||
|
// worth an unknown amount are separate facts and get separate fields, the same
|
||||||
|
// way an absent holders_count is not a count of zero.
|
||||||
|
//
|
||||||
|
// usd: the value of the holdings a price is known for, or null when
|
||||||
|
// nothing is knowable at all — testnet, or before the first fetch.
|
||||||
|
// partial: the address also holds a token with no price, so usd is a floor
|
||||||
|
// and not the total.
|
||||||
|
//
|
||||||
|
// Render it through formatAddressTotal() rather than reading usd alone.
|
||||||
|
function getAddressValue(addr) {
|
||||||
const { currentNetwork } = require("./state");
|
const { currentNetwork } = require("./state");
|
||||||
if (currentNetwork().isTestnet) return null;
|
if (currentNetwork().isTestnet) return { usd: null, partial: false };
|
||||||
if (!prices.ETH) return null;
|
if (!prices.ETH) return { usd: null, partial: false };
|
||||||
let total = 0;
|
let usd = parseFloat(addr.balance || "0") * prices.ETH;
|
||||||
const ethBal = parseFloat(addr.balance || "0");
|
let partial = false;
|
||||||
total += ethBal * prices.ETH;
|
|
||||||
for (const token of addr.tokenBalances || []) {
|
for (const token of addr.tokenBalances || []) {
|
||||||
const tokenBal = parseFloat(token.balance || "0");
|
const tokenBal = parseFloat(token.balance || "0");
|
||||||
if (tokenBal > 0 && prices[token.symbol]) {
|
// A balance of zero is not a holding: it can neither add to the total
|
||||||
total += tokenBal * prices[token.symbol];
|
// nor make it incomplete.
|
||||||
|
if (!(tokenBal > 0)) continue;
|
||||||
|
if (prices[token.symbol]) {
|
||||||
|
usd += tokenBal * prices[token.symbol];
|
||||||
|
} else {
|
||||||
|
partial = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return total;
|
return { usd, partial };
|
||||||
}
|
}
|
||||||
|
|
||||||
function getWalletValueUsd(wallet) {
|
// The same pair for a whole wallet, and for every wallet at once. One
|
||||||
const { currentNetwork } = require("./state");
|
// unpriced holding anywhere makes the sum a floor, so partial carries up.
|
||||||
if (currentNetwork().isTestnet) return null;
|
function getWalletValue(wallet) {
|
||||||
if (!prices.ETH) return null;
|
return sumValues(wallet.addresses.map(getAddressValue));
|
||||||
let total = 0;
|
|
||||||
for (const addr of wallet.addresses) {
|
|
||||||
total += getAddressValueUsd(addr);
|
|
||||||
}
|
|
||||||
return total;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function getTotalValueUsd(wallets) {
|
function getTotalValue(wallets) {
|
||||||
const { currentNetwork } = require("./state");
|
return sumValues(wallets.map(getWalletValue));
|
||||||
if (currentNetwork().isTestnet) return null;
|
|
||||||
if (!prices.ETH) return null;
|
|
||||||
let total = 0;
|
|
||||||
for (const wallet of wallets) {
|
|
||||||
total += getWalletValueUsd(wallet);
|
|
||||||
}
|
}
|
||||||
return total;
|
|
||||||
|
function sumValues(values) {
|
||||||
|
let usd = null;
|
||||||
|
let partial = false;
|
||||||
|
for (const value of values) {
|
||||||
|
if (value.usd === null) continue;
|
||||||
|
usd = (usd === null ? 0 : usd) + value.usd;
|
||||||
|
partial = partial || value.partial;
|
||||||
|
}
|
||||||
|
return { usd, partial };
|
||||||
|
}
|
||||||
|
|
||||||
|
// The one rendering of an address total, so no screen says it differently.
|
||||||
|
//
|
||||||
|
// A partial total is shown and named as partial: the figure is the ETH and
|
||||||
|
// priced tokens the user does hold, which is worth having, and suppressing it
|
||||||
|
// would throw away a number that is correct as far as it goes. What is never
|
||||||
|
// shown is a figure covering no holdings at all — the $0.00 sum of an empty
|
||||||
|
// set beside a list of tokens is the bug this replaces.
|
||||||
|
function formatAddressTotal(value) {
|
||||||
|
if (!value || value.usd === null) return "";
|
||||||
|
if (!value.partial) return "Total: " + formatUsd(value.usd);
|
||||||
|
if (value.usd > 0) {
|
||||||
|
return "Total: " + formatUsd(value.usd) + " plus unpriced tokens";
|
||||||
|
}
|
||||||
|
return "Total: unpriced tokens only";
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
@@ -99,7 +134,8 @@ module.exports = {
|
|||||||
clearPrices,
|
clearPrices,
|
||||||
getPrice,
|
getPrice,
|
||||||
formatUsd,
|
formatUsd,
|
||||||
getAddressValueUsd,
|
formatAddressTotal,
|
||||||
getWalletValueUsd,
|
getAddressValue,
|
||||||
getTotalValueUsd,
|
getWalletValue,
|
||||||
|
getTotalValue,
|
||||||
};
|
};
|
||||||
|
|||||||
238
tests/addressValue.test.js
Normal file
238
tests/addressValue.test.js
Normal file
@@ -0,0 +1,238 @@
|
|||||||
|
// The USD total of an address that holds something this build cannot price
|
||||||
|
// (issue #261).
|
||||||
|
//
|
||||||
|
// Prices exist for the top 25 tokens only, so an address can hold real assets
|
||||||
|
// with no price attached. Summing what is priced and printing the result as
|
||||||
|
// the total says "$0.00" for an address holding nothing but unpriced tokens —
|
||||||
|
// worth-nothing and worth-an-unknown-amount collapsed into one number, in the
|
||||||
|
// direction that matters. The two are separate facts here, the same way an
|
||||||
|
// absent holders_count is not a count of zero.
|
||||||
|
//
|
||||||
|
// The value and its rendering are asserted directly, and then through the two
|
||||||
|
// call sites that return their markup as a string: the wallet list on Home and
|
||||||
|
// the balance warning on the address-removal confirmation. AddressDetail and
|
||||||
|
// the Home summary line render into the DOM and are covered by tests/e2e.
|
||||||
|
|
||||||
|
// helpers.js pulls in state.js, which reads chrome.storage.local at load.
|
||||||
|
globalThis.chrome = {
|
||||||
|
storage: { local: { get: async () => ({}), set: async () => {} } },
|
||||||
|
};
|
||||||
|
|
||||||
|
const {
|
||||||
|
prices,
|
||||||
|
clearPrices,
|
||||||
|
getAddressValue,
|
||||||
|
getWalletValue,
|
||||||
|
getTotalValue,
|
||||||
|
formatAddressTotal,
|
||||||
|
} = require("../src/shared/prices");
|
||||||
|
const { state } = require("../src/shared/state");
|
||||||
|
const { walletListHtml } = require("../src/popup/views/home");
|
||||||
|
const { balanceWarningHtml } = require("../src/popup/views/deleteAddress");
|
||||||
|
|
||||||
|
const USDC = "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48";
|
||||||
|
const NOVEL = "0x1111111111111111111111111111111111111111";
|
||||||
|
|
||||||
|
// No ETH, and a token no price is known for. The case the user is told is
|
||||||
|
// worth $0.00 today.
|
||||||
|
const UNPRICED_ONLY = {
|
||||||
|
address: "0x" + "a".repeat(40),
|
||||||
|
balance: "0",
|
||||||
|
tokenBalances: [{ address: NOVEL, symbol: "NOVEL", balance: "5000.0" }],
|
||||||
|
};
|
||||||
|
|
||||||
|
// Nothing at all: the address really is worth zero.
|
||||||
|
const EMPTY = {
|
||||||
|
address: "0x" + "b".repeat(40),
|
||||||
|
balance: "0",
|
||||||
|
tokenBalances: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
// Every holding priced.
|
||||||
|
const FULLY_PRICED = {
|
||||||
|
address: "0x" + "c".repeat(40),
|
||||||
|
balance: "1.5",
|
||||||
|
tokenBalances: [{ address: USDC, symbol: "USDC", balance: "2500.0" }],
|
||||||
|
};
|
||||||
|
|
||||||
|
// Part priced, part not: 1.5 ETH plus a token with no price.
|
||||||
|
const PARTLY_PRICED = {
|
||||||
|
address: "0x" + "d".repeat(40),
|
||||||
|
balance: "1.5",
|
||||||
|
tokenBalances: [{ address: NOVEL, symbol: "NOVEL", balance: "5000.0" }],
|
||||||
|
};
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
clearPrices();
|
||||||
|
prices.ETH = 2000;
|
||||||
|
prices.USDC = 1;
|
||||||
|
state.wallets = [];
|
||||||
|
state.trackedTokens = [];
|
||||||
|
state.showZeroBalanceTokens = false;
|
||||||
|
state.activeAddress = null;
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(() => {
|
||||||
|
clearPrices();
|
||||||
|
});
|
||||||
|
|
||||||
|
// The total line only, in each of the two markup-returning call sites. The
|
||||||
|
// ETH balance line above it legitimately reads $0.00 for an address with no
|
||||||
|
// ETH, so the assertions have to name the line under test.
|
||||||
|
function walletListTotal(addr) {
|
||||||
|
state.wallets = [{ name: "Wallet 1", type: "hd", addresses: [addr] }];
|
||||||
|
const match = walletListHtml().match(/min-h-\[1rem\]">([^<]*)</);
|
||||||
|
return match && match[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
function removalWarningTotal(addr) {
|
||||||
|
const match = balanceWarningHtml(addr).match(/mt-1">([^<]*)</);
|
||||||
|
return match && match[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
describe("the value of an address, and whether it is the whole value", () => {
|
||||||
|
test("an address holding only unpriced tokens has an incomplete value", () => {
|
||||||
|
expect(getAddressValue(UNPRICED_ONLY)).toEqual({
|
||||||
|
usd: 0,
|
||||||
|
partial: true,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
test("an address holding nothing is complete, and zero", () => {
|
||||||
|
expect(getAddressValue(EMPTY)).toEqual({ usd: 0, partial: false });
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a fully priced address is complete, and unchanged", () => {
|
||||||
|
expect(getAddressValue(FULLY_PRICED)).toEqual({
|
||||||
|
usd: 5500,
|
||||||
|
partial: false,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a partly priced address keeps the part it can price", () => {
|
||||||
|
expect(getAddressValue(PARTLY_PRICED)).toEqual({
|
||||||
|
usd: 3000,
|
||||||
|
partial: true,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// A token balance of zero is not a holding, so it cannot make the total
|
||||||
|
// incomplete: an address with a spent-out unpriced token is worth zero.
|
||||||
|
test("a zero balance in an unpriced token leaves the value complete", () => {
|
||||||
|
const addr = {
|
||||||
|
address: "0x1",
|
||||||
|
balance: "0",
|
||||||
|
tokenBalances: [{ address: NOVEL, symbol: "NOVEL", balance: "0" }],
|
||||||
|
};
|
||||||
|
expect(getAddressValue(addr)).toEqual({ usd: 0, partial: false });
|
||||||
|
});
|
||||||
|
|
||||||
|
// Before the first price fetch, and on testnet, nothing is knowable: that
|
||||||
|
// is a third state, and it stays distinct from both of the others.
|
||||||
|
test("no prices at all means no value, not an incomplete one", () => {
|
||||||
|
clearPrices();
|
||||||
|
expect(getAddressValue(FULLY_PRICED)).toEqual({
|
||||||
|
usd: null,
|
||||||
|
partial: false,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
test("one unpriced holding makes a wallet and the grand total partial", () => {
|
||||||
|
const wallet = { addresses: [FULLY_PRICED, UNPRICED_ONLY] };
|
||||||
|
expect(getWalletValue(wallet)).toEqual({ usd: 5500, partial: true });
|
||||||
|
expect(getTotalValue([wallet])).toEqual({ usd: 5500, partial: true });
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a wallet of fully priced addresses stays complete", () => {
|
||||||
|
const wallet = { addresses: [FULLY_PRICED, EMPTY] };
|
||||||
|
expect(getWalletValue(wallet)).toEqual({ usd: 5500, partial: false });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe("how that value is written on screen", () => {
|
||||||
|
test("a complete total is the figure", () => {
|
||||||
|
expect(formatAddressTotal(getAddressValue(FULLY_PRICED))).toBe(
|
||||||
|
"Total: $5,500.00",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
test("an address worth zero says so", () => {
|
||||||
|
expect(formatAddressTotal(getAddressValue(EMPTY))).toBe("Total: $0.00");
|
||||||
|
});
|
||||||
|
|
||||||
|
// The figure is still worth having — it is the ETH the user does hold —
|
||||||
|
// but on its own it understates the address, so it is named as partial.
|
||||||
|
test("a partly priced total is given, and marked as partial", () => {
|
||||||
|
expect(formatAddressTotal(getAddressValue(PARTLY_PRICED))).toBe(
|
||||||
|
"Total: $3,000.00 plus unpriced tokens",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Nothing priced is held, so there is no figure to give: printing the
|
||||||
|
// $0.00 sum of an empty set is the bug.
|
||||||
|
test("a total with nothing priced in it gives no figure", () => {
|
||||||
|
const line = formatAddressTotal(getAddressValue(UNPRICED_ONLY));
|
||||||
|
expect(line).toBe("Total: unpriced tokens only");
|
||||||
|
expect(line).not.toContain("$");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("an unknown value is written as nothing at all", () => {
|
||||||
|
clearPrices();
|
||||||
|
expect(formatAddressTotal(getAddressValue(FULLY_PRICED))).toBe("");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe("the wallet list on Home", () => {
|
||||||
|
test("an address holding only unpriced tokens is not totalled at $0.00", () => {
|
||||||
|
expect(walletListTotal(UNPRICED_ONLY)).toBe(
|
||||||
|
"Total: unpriced tokens only",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
test("an address holding nothing is still totalled at $0.00", () => {
|
||||||
|
expect(walletListTotal(EMPTY)).toBe("Total: $0.00");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a fully priced address shows its total", () => {
|
||||||
|
expect(walletListTotal(FULLY_PRICED)).toBe("Total: $5,500.00");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a partly priced address shows the priced part, marked partial", () => {
|
||||||
|
expect(walletListTotal(PARTLY_PRICED)).toBe(
|
||||||
|
"Total: $3,000.00 plus unpriced tokens",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
test("an address whose value is unknown keeps its blank line", () => {
|
||||||
|
clearPrices();
|
||||||
|
expect(walletListTotal(FULLY_PRICED)).toBe(" ");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe("the balance warning on the address-removal confirmation", () => {
|
||||||
|
// "This address holds a balance." followed by "Total: $0.00" is a flat
|
||||||
|
// contradiction, on the one screen whose job is to warn.
|
||||||
|
test("an address holding only unpriced tokens is not totalled at $0.00", () => {
|
||||||
|
expect(balanceWarningHtml(UNPRICED_ONLY)).toContain(
|
||||||
|
"This address holds a balance.",
|
||||||
|
);
|
||||||
|
expect(removalWarningTotal(UNPRICED_ONLY)).toBe(
|
||||||
|
"Total: unpriced tokens only",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a fully priced address still shows its total", () => {
|
||||||
|
expect(removalWarningTotal(FULLY_PRICED)).toBe("Total: $5,500.00");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a partly priced address shows the priced part, marked partial", () => {
|
||||||
|
expect(removalWarningTotal(PARTLY_PRICED)).toBe(
|
||||||
|
"Total: $3,000.00 plus unpriced tokens",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
test("no total line is written when the value is unknown", () => {
|
||||||
|
clearPrices();
|
||||||
|
expect(removalWarningTotal(FULLY_PRICED)).toBe(null);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -150,7 +150,7 @@ describe("the balance warning on the removal confirmation", () => {
|
|||||||
expect(balanceWarningHtml(ETH_ONLY)).toContain("Total: $3,000.00");
|
expect(balanceWarningHtml(ETH_ONLY)).toContain("Total: $3,000.00");
|
||||||
});
|
});
|
||||||
|
|
||||||
// getAddressValueUsd() returns null on testnet and before the first
|
// getAddressValue() reports no value on testnet and before the first
|
||||||
// price fetch. A "Total: $0.00" there would be a lie about the holdings.
|
// price fetch. A "Total: $0.00" there would be a lie about the holdings.
|
||||||
test("no USD total is shown when prices are not known", () => {
|
test("no USD total is shown when prices are not known", () => {
|
||||||
expect(balanceWarningHtml(TOKEN_ONLY)).not.toContain("Total:");
|
expect(balanceWarningHtml(TOKEN_ONLY)).not.toContain("Total:");
|
||||||
|
|||||||
@@ -46,9 +46,24 @@ const STUB_TX_HASH =
|
|||||||
|
|
||||||
const STUB_BLOCK_NUMBER = 21000000;
|
const STUB_BLOCK_NUMBER = 21000000;
|
||||||
|
|
||||||
|
// The native ETH transfer, seeded by opts.seedNativeTransfer. Its own hash
|
||||||
|
// and an older block, so it is a second row rather than a leg of the token
|
||||||
|
// transfer: mergeTransactions() consolidates a native entry and a token
|
||||||
|
// transfer that share a hash into one row, which would leave nothing native
|
||||||
|
// to open. 0.25 ETH clears the 100000 gwei dust threshold the default
|
||||||
|
// filters apply, so the row is not silently dropped.
|
||||||
|
const STUB_NATIVE_TX_HASH =
|
||||||
|
"0xe7e0000000000000000000000000000000000000000000000000000000000e7e";
|
||||||
|
|
||||||
|
const STUB_NATIVE_BLOCK_NUMBER = STUB_BLOCK_NUMBER - 1;
|
||||||
|
|
||||||
|
const STUB_NATIVE_VALUE_WEI = "250000000000000000";
|
||||||
|
|
||||||
// Fixed instant so timeAgo() output is stable across runs.
|
// Fixed instant so timeAgo() output is stable across runs.
|
||||||
const STUB_TX_TIMESTAMP = "2026-01-02T03:04:05.000000Z";
|
const STUB_TX_TIMESTAMP = "2026-01-02T03:04:05.000000Z";
|
||||||
|
|
||||||
|
const STUB_NATIVE_TX_TIMESTAMP = "2026-01-02T02:03:04.000000Z";
|
||||||
|
|
||||||
// A 32-byte zero word. Returned for every eth_call, which is what makes
|
// A 32-byte zero word. Returned for every eth_call, which is what makes
|
||||||
// ethers' ENS reverse lookup resolve to "no resolver set" and return null
|
// ethers' ENS reverse lookup resolve to "no resolver set" and return null
|
||||||
// instead of throwing. A throw would be logged by src/shared/ens.js via
|
// instead of throwing. A throw would be logged by src/shared/ens.js via
|
||||||
@@ -258,6 +273,25 @@ function tokenTransferItems(address) {
|
|||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// One received native ETH transfer, in the shape src/shared/transactions.js
|
||||||
|
// parses. to.is_contract is false and there is no method, so parseTx() keeps
|
||||||
|
// it a plain transfer rather than a contract call — which is what makes the
|
||||||
|
// detail screen classify it "Native ETH Transfer" and leave the token
|
||||||
|
// contract row hidden.
|
||||||
|
function nativeTransactionItems(address) {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
hash: STUB_NATIVE_TX_HASH,
|
||||||
|
block_number: STUB_NATIVE_BLOCK_NUMBER,
|
||||||
|
timestamp: STUB_NATIVE_TX_TIMESTAMP,
|
||||||
|
from: { hash: STUB_COUNTERPARTY },
|
||||||
|
to: { hash: address, is_contract: false },
|
||||||
|
value: STUB_NATIVE_VALUE_WEI,
|
||||||
|
status: "ok",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
// A holding of 1.5 E2E, in the shape src/shared/balances.js parses. Serving
|
// A holding of 1.5 E2E, in the shape src/shared/balances.js parses. Serving
|
||||||
// this is what puts an ERC-20 in the send screen's token dropdown, which is
|
// this is what puts an ERC-20 in the send screen's token dropdown, which is
|
||||||
// the only way the confirmation screen's ERC-20 path can be reached.
|
// the only way the confirmation screen's ERC-20 path can be reached.
|
||||||
@@ -270,12 +304,17 @@ function tokenBalanceItems() {
|
|||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
// Full details for STUB_TX_HASH. raw_input is "0x" so the calldata
|
// Full details for either seeded transaction — the detail screen fetches
|
||||||
// decoder short-circuits; the on-chain detail fields still populate.
|
// them for whichever row was opened, and an unstubbed hash would be
|
||||||
function transactionDetails() {
|
// reported as escaping traffic. raw_input is "0x" so the calldata decoder
|
||||||
|
// short-circuits; the on-chain detail fields still populate.
|
||||||
|
function transactionDetails(hash) {
|
||||||
return {
|
return {
|
||||||
hash: STUB_TX_HASH,
|
hash: hash,
|
||||||
block_number: STUB_BLOCK_NUMBER,
|
block_number:
|
||||||
|
hash === STUB_NATIVE_TX_HASH
|
||||||
|
? STUB_NATIVE_BLOCK_NUMBER
|
||||||
|
: STUB_BLOCK_NUMBER,
|
||||||
nonce: 7,
|
nonce: 7,
|
||||||
gas_used: "51000",
|
gas_used: "51000",
|
||||||
gas_price: "1000000000",
|
gas_price: "1000000000",
|
||||||
@@ -479,6 +518,10 @@ function traceEnabled(raw) {
|
|||||||
* @param {boolean} [opts.seedTokenTransfer] serve the stubbed ERC-20
|
* @param {boolean} [opts.seedTokenTransfer] serve the stubbed ERC-20
|
||||||
* transfer. Read at request time, so a test can flip it on the same
|
* transfer. Read at request time, so a test can flip it on the same
|
||||||
* options object without re-registering the route.
|
* options object without re-registering the route.
|
||||||
|
* @param {boolean} [opts.seedNativeTransfer] serve the stubbed native ETH
|
||||||
|
* transfer, read at request time like seedTokenTransfer. Without it the
|
||||||
|
* normal-transactions endpoint answers with an empty list, so there is no
|
||||||
|
* non-ERC-20 row to open.
|
||||||
* @param {boolean} [opts.seedTokenBalance] serve the stubbed ERC-20
|
* @param {boolean} [opts.seedTokenBalance] serve the stubbed ERC-20
|
||||||
* holding, which is what makes the token reachable from the send screen.
|
* holding, which is what makes the token reachable from the send screen.
|
||||||
* @param {string} [opts.ethBalanceWei] hex wei answered to eth_getBalance;
|
* @param {string} [opts.ethBalanceWei] hex wei answered to eth_getBalance;
|
||||||
@@ -550,7 +593,13 @@ async function installNetworkStubs(ctx, opts) {
|
|||||||
// Blockscout v2
|
// Blockscout v2
|
||||||
if (p.includes("/api/v2/")) {
|
if (p.includes("/api/v2/")) {
|
||||||
if (/\/addresses\/0x[0-9a-fA-F]{40}\/transactions$/.test(p)) {
|
if (/\/addresses\/0x[0-9a-fA-F]{40}\/transactions$/.test(p)) {
|
||||||
return jsonResponse(route, { items: [] });
|
const addr = blockscoutAddress(p);
|
||||||
|
return jsonResponse(route, {
|
||||||
|
items:
|
||||||
|
opts.seedNativeTransfer && addr
|
||||||
|
? nativeTransactionItems(addr)
|
||||||
|
: [],
|
||||||
|
});
|
||||||
}
|
}
|
||||||
if (/\/addresses\/0x[0-9a-fA-F]{40}\/token-transfers$/.test(p)) {
|
if (/\/addresses\/0x[0-9a-fA-F]{40}\/token-transfers$/.test(p)) {
|
||||||
const addr = blockscoutAddress(p);
|
const addr = blockscoutAddress(p);
|
||||||
@@ -567,8 +616,10 @@ async function installNetworkStubs(ctx, opts) {
|
|||||||
opts.seedTokenBalance ? tokenBalanceItems() : [],
|
opts.seedTokenBalance ? tokenBalanceItems() : [],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
if (p.endsWith("/transactions/" + STUB_TX_HASH)) {
|
for (const hash of [STUB_TX_HASH, STUB_NATIVE_TX_HASH]) {
|
||||||
return jsonResponse(route, transactionDetails());
|
if (p.endsWith("/transactions/" + hash)) {
|
||||||
|
return jsonResponse(route, transactionDetails(hash));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -640,6 +691,8 @@ module.exports = {
|
|||||||
FEE_ESTIMATE_WEI,
|
FEE_ESTIMATE_WEI,
|
||||||
FEE_RESERVE_WEI,
|
FEE_RESERVE_WEI,
|
||||||
STUB_COUNTERPARTY,
|
STUB_COUNTERPARTY,
|
||||||
|
STUB_NATIVE_TX_HASH,
|
||||||
|
STUB_NATIVE_VALUE_WEI,
|
||||||
STUB_TOKEN,
|
STUB_TOKEN,
|
||||||
STUB_TX_HASH,
|
STUB_TX_HASH,
|
||||||
};
|
};
|
||||||
|
|||||||
261
tests/e2e/run.js
261
tests/e2e/run.js
@@ -36,6 +36,8 @@ const {
|
|||||||
FEE_ESTIMATE_WEI,
|
FEE_ESTIMATE_WEI,
|
||||||
FEE_RESERVE_WEI,
|
FEE_RESERVE_WEI,
|
||||||
STUB_COUNTERPARTY,
|
STUB_COUNTERPARTY,
|
||||||
|
STUB_NATIVE_TX_HASH,
|
||||||
|
STUB_NATIVE_VALUE_WEI,
|
||||||
STUB_TOKEN,
|
STUB_TOKEN,
|
||||||
STUB_TX_HASH,
|
STUB_TX_HASH,
|
||||||
} = require("./network");
|
} = require("./network");
|
||||||
@@ -169,6 +171,264 @@ test("transaction detail renders an ERC-20 transfer (#151)", async (env) => {
|
|||||||
assert(dots > 0, "token contract row rendered without its colour dot");
|
assert(dots > 0, "token contract row rendered without its colour dot");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// --------------------- the rest of the #150 and #151 definition of done
|
||||||
|
//
|
||||||
|
// The two tests above assert that the screens #150 and #151 broke now open
|
||||||
|
// without throwing, which is narrower than what those issues asked for.
|
||||||
|
// The four items below are the remainder (#188): the navigation stack out
|
||||||
|
// of Add Token, the quick-pick actually populating the field, the native
|
||||||
|
// ETH detail path the ERC-20 fix could have regressed, and tap-to-copy.
|
||||||
|
|
||||||
|
// Leave the transaction detail screen for the address screen it was opened
|
||||||
|
// from. The two tests above finish on it, and so does the last test here.
|
||||||
|
async function leaveTransactionDetail(page) {
|
||||||
|
if (await page.isVisible("#view-transaction")) {
|
||||||
|
await page.click("#btn-tx-back");
|
||||||
|
}
|
||||||
|
await openAddressDetail(page);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Back out to Home from wherever the previous test finished.
|
||||||
|
async function goHome(page) {
|
||||||
|
await leaveTransactionDetail(page);
|
||||||
|
await page.click("#btn-address-back");
|
||||||
|
await visible(page, "#view-main");
|
||||||
|
}
|
||||||
|
|
||||||
|
// The navigation stack as it was actually persisted, read out of extension
|
||||||
|
// storage rather than inferred from which screen is showing. A stale entry
|
||||||
|
// left behind by a forward navigation that threw is invisible on screen
|
||||||
|
// until the user presses Back one time too many — which is exactly the
|
||||||
|
// second-order damage #150 did — so the stack itself is what gets asserted.
|
||||||
|
function persistedViewStack(page) {
|
||||||
|
return page.evaluate(
|
||||||
|
() =>
|
||||||
|
new Promise((resolve) => {
|
||||||
|
chrome.storage.local.get("autistmask", (r) => {
|
||||||
|
resolve((r.autistmask && r.autistmask.viewStack) || []);
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// saveState() is fired from showView() without being awaited, so the write
|
||||||
|
// lands shortly after the screen does. Polling for the expected stack keeps
|
||||||
|
// that race out of the assertion; a stack that never becomes the expected
|
||||||
|
// one fails with what it actually was.
|
||||||
|
const VIEW_STACK_SETTLE_MS = 5000;
|
||||||
|
|
||||||
|
async function waitForViewStack(page, expected, where) {
|
||||||
|
const want = JSON.stringify(expected);
|
||||||
|
const deadline = Date.now() + VIEW_STACK_SETTLE_MS;
|
||||||
|
let seen;
|
||||||
|
for (;;) {
|
||||||
|
seen = await persistedViewStack(page);
|
||||||
|
if (JSON.stringify(seen) === want) return;
|
||||||
|
if (Date.now() >= deadline) break;
|
||||||
|
await sleep(50);
|
||||||
|
}
|
||||||
|
throw new Error(
|
||||||
|
"navigation stack " +
|
||||||
|
where +
|
||||||
|
" is " +
|
||||||
|
JSON.stringify(seen) +
|
||||||
|
", expected " +
|
||||||
|
want,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// The invariant is stated as a delta against whatever the earlier tests
|
||||||
|
// left on the stack, not as an absolute: a round trip into Add Token and
|
||||||
|
// back out must leave the stack exactly as it found it. That is what "no
|
||||||
|
// duplicated or orphaned stack entry" means, and it holds whatever the
|
||||||
|
// starting depth is.
|
||||||
|
test("Back from Add Token unwinds the stack exactly once (#150)", async (env) => {
|
||||||
|
await goHome(env.page);
|
||||||
|
const base = await persistedViewStack(env.page);
|
||||||
|
|
||||||
|
await env.page.locator("#wallet-list .btn-addr-info").first().click();
|
||||||
|
await visible(env.page, "#view-address");
|
||||||
|
await waitForViewStack(env.page, base.concat("main"), "on address detail");
|
||||||
|
|
||||||
|
await env.page.click("#btn-add-token");
|
||||||
|
await visible(env.page, "#view-add-token");
|
||||||
|
await waitForViewStack(
|
||||||
|
env.page,
|
||||||
|
base.concat("main", "address"),
|
||||||
|
"on the add token screen",
|
||||||
|
);
|
||||||
|
|
||||||
|
await env.page.click("#btn-add-token-back");
|
||||||
|
await visible(env.page, "#view-address");
|
||||||
|
assert(
|
||||||
|
!(await env.page.isVisible("#view-add-token")),
|
||||||
|
"the add token screen is still showing after Back",
|
||||||
|
);
|
||||||
|
await waitForViewStack(
|
||||||
|
env.page,
|
||||||
|
base.concat("main"),
|
||||||
|
"after Back from add token",
|
||||||
|
);
|
||||||
|
|
||||||
|
await env.page.click("#btn-address-back");
|
||||||
|
await visible(env.page, "#view-main");
|
||||||
|
await waitForViewStack(env.page, base, "after a second Back");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("a common-token quick-pick fills in the contract address (#150)", async (env) => {
|
||||||
|
await openAddressDetail(env.page);
|
||||||
|
await env.page.click("#btn-add-token");
|
||||||
|
await visible(env.page, "#view-add-token");
|
||||||
|
|
||||||
|
const before = await env.page.inputValue("#add-token-address");
|
||||||
|
assert(
|
||||||
|
before === "",
|
||||||
|
"the add token screen opened with the address field already filled: " +
|
||||||
|
JSON.stringify(before),
|
||||||
|
);
|
||||||
|
|
||||||
|
const pick = env.page.locator("#common-token-list .common-token").first();
|
||||||
|
const wanted = await pick.getAttribute("data-address");
|
||||||
|
assert(
|
||||||
|
/^0x[0-9a-fA-F]{40}$/.test(wanted || ""),
|
||||||
|
"the first quick-pick button carries no contract address: " +
|
||||||
|
JSON.stringify(wanted),
|
||||||
|
);
|
||||||
|
|
||||||
|
await pick.click();
|
||||||
|
const after = await env.page.inputValue("#add-token-address");
|
||||||
|
assert(
|
||||||
|
after === wanted,
|
||||||
|
"clicking the " +
|
||||||
|
(await pick.innerText()).trim() +
|
||||||
|
" quick-pick left the address field as " +
|
||||||
|
JSON.stringify(after) +
|
||||||
|
", expected " +
|
||||||
|
JSON.stringify(wanted),
|
||||||
|
);
|
||||||
|
|
||||||
|
await env.page.click("#btn-add-token-back");
|
||||||
|
await visible(env.page, "#view-address");
|
||||||
|
});
|
||||||
|
|
||||||
|
// The native amount as the transaction list writes it (four decimals) and
|
||||||
|
// as the detail screen writes it (full precision). Both are rendered here
|
||||||
|
// from the fixture rather than read off the screen, so the assertions
|
||||||
|
// compare against the wei the stub served.
|
||||||
|
const NATIVE_ROW_TEXT =
|
||||||
|
parseFloat(formatEther(STUB_NATIVE_VALUE_WEI)).toFixed(4) + " ETH";
|
||||||
|
const NATIVE_DETAIL_TEXT = formatEther(STUB_NATIVE_VALUE_WEI) + " ETH";
|
||||||
|
|
||||||
|
test("the native ETH transaction detail still renders (#151)", async (env) => {
|
||||||
|
// The ERC-20 fix could only have regressed this path by making the
|
||||||
|
// token-contract branch run for a transfer that has no contract, so
|
||||||
|
// the assertions below are as much about that row staying hidden as
|
||||||
|
// about the screen coming up.
|
||||||
|
env.routeOpts.seedNativeTransfer = true;
|
||||||
|
await env.page.reload();
|
||||||
|
await openAddressDetail(env.page);
|
||||||
|
|
||||||
|
const row = env.page
|
||||||
|
.locator("#tx-list .tx-row")
|
||||||
|
.filter({ hasText: NATIVE_ROW_TEXT });
|
||||||
|
await row.waitFor({ state: "visible", timeout: 30000 });
|
||||||
|
await row.click();
|
||||||
|
await visible(env.page, "#view-transaction");
|
||||||
|
|
||||||
|
const hash = await env.page.locator("#tx-detail-hash").innerText();
|
||||||
|
assert(
|
||||||
|
hash.includes(STUB_NATIVE_TX_HASH),
|
||||||
|
"the native transaction detail shows the wrong hash: " + hash,
|
||||||
|
);
|
||||||
|
|
||||||
|
const type = (await env.page.locator("#tx-detail-type").innerText()).trim();
|
||||||
|
assert(
|
||||||
|
type === "Native ETH Transfer",
|
||||||
|
"the native transaction was classified " + JSON.stringify(type),
|
||||||
|
);
|
||||||
|
|
||||||
|
const value = await env.page.locator("#tx-detail-value").innerText();
|
||||||
|
assert(
|
||||||
|
value.includes(NATIVE_DETAIL_TEXT),
|
||||||
|
"the native transaction detail shows " +
|
||||||
|
JSON.stringify(value) +
|
||||||
|
", expected it to contain " +
|
||||||
|
NATIVE_DETAIL_TEXT,
|
||||||
|
);
|
||||||
|
|
||||||
|
const native = await env.page.locator("#tx-detail-native").innerText();
|
||||||
|
assert(
|
||||||
|
native.includes(STUB_NATIVE_VALUE_WEI + " wei"),
|
||||||
|
"the raw quantity row shows " +
|
||||||
|
JSON.stringify(native) +
|
||||||
|
", expected the value in wei",
|
||||||
|
);
|
||||||
|
|
||||||
|
assert(
|
||||||
|
!(await env.page.isVisible("#tx-detail-token-contract-section")),
|
||||||
|
"the token contract row is showing on a transfer that has no token " +
|
||||||
|
"contract",
|
||||||
|
);
|
||||||
|
|
||||||
|
// Back to one seeded transaction for everything after this: the tests
|
||||||
|
// below were written against a list holding the token transfer alone.
|
||||||
|
env.routeOpts.seedNativeTransfer = false;
|
||||||
|
});
|
||||||
|
|
||||||
|
test("tap-to-copy on the transaction detail screen copies the address (#151)", async (env) => {
|
||||||
|
// Read the clipboard back rather than watching the handler run: what
|
||||||
|
// #151 asks for is the address reaching the clipboard, and a spy on
|
||||||
|
// navigator.clipboard would assert the call and not the effect.
|
||||||
|
//
|
||||||
|
// Granted context-wide rather than for the popup's origin: an
|
||||||
|
// origin-scoped grant is refused for chrome-extension: URLs, which
|
||||||
|
// both Playwright and Chrome treat as opaque here.
|
||||||
|
await env.ctx.grantPermissions(["clipboard-read", "clipboard-write"]);
|
||||||
|
|
||||||
|
await leaveTransactionDetail(env.page);
|
||||||
|
const row = env.page
|
||||||
|
.locator("#tx-list .tx-row")
|
||||||
|
.filter({ hasText: STUB_TOKEN.symbol });
|
||||||
|
await row.waitFor({ state: "visible", timeout: 30000 });
|
||||||
|
await row.click();
|
||||||
|
await visible(env.page, "#view-transaction");
|
||||||
|
await visible(env.page, "#tx-detail-token-contract-section");
|
||||||
|
|
||||||
|
// Seed a sentinel first, so a clipboard that nothing writes to cannot
|
||||||
|
// pass on whatever was left in it.
|
||||||
|
const SENTINEL = "e2e-clipboard-untouched";
|
||||||
|
await env.page.evaluate((s) => navigator.clipboard.writeText(s), SENTINEL);
|
||||||
|
const seeded = await env.page.evaluate(() =>
|
||||||
|
navigator.clipboard.readText(),
|
||||||
|
);
|
||||||
|
assert(
|
||||||
|
seeded === SENTINEL,
|
||||||
|
"the harness could not seed the clipboard, so the assertion below " +
|
||||||
|
"would prove nothing; it read back " +
|
||||||
|
JSON.stringify(seeded),
|
||||||
|
);
|
||||||
|
|
||||||
|
await env.page.locator("#tx-detail-token-contract [data-copy]").click();
|
||||||
|
|
||||||
|
const copied = await env.page.evaluate(() =>
|
||||||
|
navigator.clipboard.readText(),
|
||||||
|
);
|
||||||
|
assert(
|
||||||
|
copied.toLowerCase() === STUB_TOKEN.address,
|
||||||
|
"tapping the token contract address put " +
|
||||||
|
JSON.stringify(copied) +
|
||||||
|
" on the clipboard, expected " +
|
||||||
|
STUB_TOKEN.address,
|
||||||
|
);
|
||||||
|
|
||||||
|
const flash = await env.page.locator("#flash-msg").innerText();
|
||||||
|
assert(
|
||||||
|
flash.trim() === "Copied!",
|
||||||
|
"the copy gave no confirmation, flash line reads " +
|
||||||
|
JSON.stringify(flash),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
// -------------------------------------------- recovery phrase (#161)
|
// -------------------------------------------- recovery phrase (#161)
|
||||||
|
|
||||||
// The gear toggles, so pressing it while Settings is already up leaves it.
|
// The gear toggles, so pressing it while Settings is already up leaves it.
|
||||||
@@ -2371,6 +2631,7 @@ async function main() {
|
|||||||
// starting state of a run is readable without hunting through tests.
|
// starting state of a run is readable without hunting through tests.
|
||||||
const routeOpts = {
|
const routeOpts = {
|
||||||
seedTokenTransfer: false,
|
seedTokenTransfer: false,
|
||||||
|
seedNativeTransfer: false,
|
||||||
seedTokenBalance: false,
|
seedTokenBalance: false,
|
||||||
ethBalanceWei: null,
|
ethBalanceWei: null,
|
||||||
failGasEstimate: false,
|
failGasEstimate: false,
|
||||||
|
|||||||
Reference in New Issue
Block a user