Skip to content

test: Adds gasless swap E2E tests #41485

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
davibroc merged 10 commits into from
Apr 7, 2026
Merged

test: Adds gasless swap E2E tests #41485

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
748efdb
Added Gasless swap for Native token
davibroc Apr 3, 2026
2c7f683
Erc20 gasless
davibroc Apr 3, 2026
44e07f6
Fixed second test
davibroc Apr 3, 2026
9989ada
test: enable STX and SSE in bridge e2e tests, add gasless swap fixtures
davibroc Apr 3, 2026
9232741
fix: prettier formatting, JSDoc params, and deduplicate feature flags…
davibroc Apr 3, 2026
acb9b14
fix: enable STX for gasless swap fixtures and restore mockFeatureFlag…
davibroc Apr 3, 2026
1c6412d
test: rename describe block to 'Gasless swap tests'
davibroc Apr 3, 2026
0105648
refactor: deduplicate mockSentinelNetworks functions
davibroc Apr 6, 2026
168febc
fix: add sendBundle param to mockSentinelNetworks
davibroc Apr 6, 2026
ac23f85
fix: remove unused DEFAULT_BRIDGE_FEATURE_FLAGS import
davibroc Apr 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 56 additions & 0 deletions test/e2e/page-objects/pages/bridge/quote-page.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,12 @@ class BridgeQuotePage {

private backButton = '[aria-label="Back"]';

private gasIncludedIndicator = '[data-testid="network-fees-included"]';

private gasSponsoredIndicator = '[data-testid="network-fees-sponsored"]';

private maxButton = { text: 'Max' };

private networkSelector = '[data-testid="multichain-asset-picker__network"]';

private networkFees = '[data-testid="network-fees"]';
Expand Down Expand Up @@ -305,6 +311,36 @@ class BridgeQuotePage {
console.log('Price matches expected format');
}

async checkGasIncludedIsDisplayed(): Promise<void> {
try {
await this.driver.waitForSelector(this.gasIncludedIndicator, {
timeout: 30000,
});
} catch (e) {
console.log('Expected "Gas fees included" indicator is not present');
throw e;
}
console.log('Gas fees included indicator is displayed');
}

async checkGasSponsoredIsDisplayed(): Promise<void> {
try {
await this.driver.waitForSelector(this.gasSponsoredIndicator, {
timeout: 30000,
});
} catch (e) {
console.log('Expected "Gas fees sponsored" indicator is not present');
throw e;
}
console.log('Gas fees sponsored indicator is displayed');
}

async clickMaxButton(): Promise<void> {
await this.driver.waitForSelector(this.maxButton, { timeout: 30000 });
await this.driver.clickElement(this.maxButton);
console.log('Clicked Max button');
}

checkDestAmount = async (amount: string) => {
const destAmount = await this.driver.findElement(this.destinationAmount);
assert.equal(await destAmount.getAttribute('value'), amount);
Expand Down Expand Up @@ -336,6 +372,26 @@ class BridgeQuotePage {
`);
}

async selectSrcToken(token: string): Promise<void> {
await this.driver.waitForSelector(this.sourceAssetPickerButton);
await this.driver.clickElement(this.sourceAssetPickerButton);
await this.driver.fill(this.assetPrickerSearchInput, token);
await this.driver.clickElementAndWaitToDisappear({
text: token,
css: this.tokenButton,
});
}

async selectDestToken(token: string): Promise<void> {
await this.driver.waitForSelector(this.destinationAssetPickerButton);
await this.driver.clickElement(this.destinationAssetPickerButton);
await this.driver.fill(this.assetPrickerSearchInput, token);
await this.driver.clickElementAndWaitToDisappear({
text: token,
css: this.tokenButton,
});
}

async selectNetwork(network: string): Promise<void> {
await this.driver.clickElement(this.networkSelector);
await this.driver.clickElement(this.networkNameSelector(network));
Expand Down
237 changes: 237 additions & 0 deletions test/e2e/tests/bridge/bridge-test-utils.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,12 @@ import {
SSE_RESPONSE_HEADER,
EXPECTED_INPUT_CHANGES,
BRIDGE_REFRESH_RATE,
BRIDGE_FEATURE_FLAGS_WITH_SSE_ENABLED,
} from './constants';
import MOCK_SWAP_QUOTES_ETH_MUSD from './mocks/swap-quotes-eth-musd.json';
import MOCK_SWAP_QUOTES_ETH_USDC_GAS_INCLUDED from './mocks/swap-quotes-eth-usdc-gas-included.json';
import MOCK_SWAP_QUOTES_USDC_DAI_GAS_INCLUDED from './mocks/swap-quotes-usdc-dai-gas-included.json';
import MOCK_SWAP_QUOTES_ETH_USDC_GAS_SPONSORED from './mocks/swap-quotes-eth-usdc-gas-sponsored.json';

export class BridgePage {
driver: Driver;
Expand Down Expand Up @@ -1773,6 +1777,239 @@ export const checkInputChangedEvents = async (
return expectedInputChanges.length;
};

async function mockSentinelNetworks(
mockServer: Mockttp,
sendBundle: boolean = true,
) {
return await mockServer
.forGet('https://tx-sentinel-ethereum-mainnet.api.cx.metamask.io/networks')
.always()
.thenCallback(() => ({
statusCode: 200,
json: {
'1': {
network: 'ethereum-mainnet',
explorer: 'https://etherscan.io',
confirmations: true,
smartTransactions: true,
relayTransactions: true,
hidden: false,
sendBundle,
},
},
}));
}

async function mockGasIncludedSwapETHtoUSDC(mockServer: Mockttp) {
return await mockServer
.forGet(/getQuoteStream/u)
.once()
.withQuery({
srcTokenAddress: '0x0000000000000000000000000000000000000000',
destTokenAddress: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
})
.thenStream(
200,
mockSseEventSource(MOCK_SWAP_QUOTES_ETH_USDC_GAS_INCLUDED),
SSE_RESPONSE_HEADER,
);
}

async function mockGasIncludedSwapUSDCtoDAI(mockServer: Mockttp) {
return await mockServer
.forGet(/getQuoteStream/u)
.once()
.withQuery({
srcTokenAddress: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
destTokenAddress: '0x6B175474E89094C44Da98b954EedeAC495271d0F',
})
.thenStream(
200,
mockSseEventSource(MOCK_SWAP_QUOTES_USDC_DAI_GAS_INCLUDED),
SSE_RESPONSE_HEADER,
);
}

export const getGasIncludedSwapFixtures = (title?: string) => {
const fixtureBuilder = new FixtureBuilder({
inputChainId: CHAIN_IDS.MAINNET,
})
.withCurrencyController(MOCK_CURRENCY_RATES)
.withBridgeControllerDefaultState()
.withTokensControllerERC20({ chainId: 1 })
.withEnabledNetworks({
eip155: {
'0x1': true,
'0xe708': true,
'0xa4b1': true,
},
});

return {
forceBip44Version: false,
fixtures: fixtureBuilder.build(),
testSpecificMock: async (mockServer: Mockttp) => {
const mocks = [
await mockPortfolioPage(mockServer),
await mockGetTxStatus(mockServer),
await mockTopAssetsLinea(mockServer),
await mockTopAssetsArbitrum(mockServer),
await mockTokensEthereum(mockServer),
await mockTokensLinea(mockServer),
await mockGetTokenArbitrum(mockServer),
await mockGetPopularTokens(mockServer),
await mockGasIncludedSwapETHtoUSDC(mockServer),
await mockGasIncludedSwapUSDCtoDAI(mockServer),
await mockFeatureFlags(
mockServer,
BRIDGE_FEATURE_FLAGS_WITH_SSE_ENABLED,
STX_MAINNET_NETWORK_CONFIG,
),
await mockAccountsTransactions(mockServer),
await mockAccountsBalances(mockServer),
await mockPriceSpotPrices(mockServer),
await mockPriceSpotPricesV3(mockServer),
await mockGasPricesMainnet(mockServer),
await mockHistoricalPrices(mockServer),
await mockSentinelNetworks(mockServer),
...(await mockSearchTokens(mockServer)),
];

await mockSmartTransactionsForBridge(mockServer);

return mocks;
},
manifestFlags: {
remoteFeatureFlags: {
bridgeConfig: BRIDGE_FEATURE_FLAGS_WITH_SSE_ENABLED,
...STX_MAINNET_NETWORK_CONFIG,
},
},
ethConversionInUsd: ETH_CONVERSION_RATE_USD,
smartContract: SMART_CONTRACTS.HST,
localNodeOptions: [
{
type: 'anvil' as const,
options: {
chainId: 1,
hardfork: 'london',
loadState:
'./test/e2e/seeder/network-states/with100Usdc100Usdt50Dai.json',
},
},
],
title,
};
};

async function mockGasSponsoredSwapETHtoUSDC(mockServer: Mockttp) {
return await mockServer
.forGet(/getQuoteStream/u)
.once()
.withQuery({
srcTokenAddress: '0x0000000000000000000000000000000000000000',
destTokenAddress: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
})
.thenStream(
200,
mockSseEventSource(MOCK_SWAP_QUOTES_ETH_USDC_GAS_SPONSORED),
SSE_RESPONSE_HEADER,
);
}

async function mockSentinelNetworksRelayOnly(mockServer: Mockttp) {
return mockSentinelNetworks(mockServer, false);
}

export const getGasless7702SwapFixtures = (title?: string) => {
const fixtureBuilder = new FixtureBuilder({
inputChainId: CHAIN_IDS.MAINNET,
})
.withCurrencyController(MOCK_CURRENCY_RATES)
.withBridgeControllerDefaultState()
.withTokensControllerERC20({ chainId: 1 })
.withEnabledNetworks({
eip155: {
'0x1': true,
'0xe708': true,
'0xa4b1': true,
},
});

return {
forceBip44Version: false,
fixtures: fixtureBuilder.build(),
testSpecificMock: async (mockServer: Mockttp) => {
const mocks = [
await mockPortfolioPage(mockServer),
await mockGetTxStatus(mockServer),
await mockTopAssetsLinea(mockServer),
await mockTopAssetsArbitrum(mockServer),
await mockTokensEthereum(mockServer),
await mockTokensLinea(mockServer),
await mockGetTokenArbitrum(mockServer),
await mockGetPopularTokens(mockServer),
await mockGasSponsoredSwapETHtoUSDC(mockServer),
await mockFeatureFlags(
mockServer,
BRIDGE_FEATURE_FLAGS_WITH_SSE_ENABLED,
{
smartTransactionsNetworks: {
'0x1': {
maxDeadline: 160,
sentinelUrl: STX_MAINNET_SENTINEL_URL,
expectedDeadline: 45,
extensionActive: true,
gaslessBridgeWith7702Enabled: true,
},
},
},
),
await mockAccountsTransactions(mockServer),
await mockAccountsBalances(mockServer),
await mockPriceSpotPrices(mockServer),
await mockPriceSpotPricesV3(mockServer),
await mockGasPricesMainnet(mockServer),
await mockHistoricalPrices(mockServer),
await mockSentinelNetworksRelayOnly(mockServer),
...(await mockSearchTokens(mockServer)),
];

await mockSmartTransactionsForBridge(mockServer);

return mocks;
},
manifestFlags: {
remoteFeatureFlags: {
bridgeConfig: BRIDGE_FEATURE_FLAGS_WITH_SSE_ENABLED,
smartTransactionsNetworks: {
'0x1': {
maxDeadline: 160,
sentinelUrl: STX_MAINNET_SENTINEL_URL,
expectedDeadline: 45,
extensionActive: true,
gaslessBridgeWith7702Enabled: true,
},
},
},
},
ethConversionInUsd: ETH_CONVERSION_RATE_USD,
smartContract: SMART_CONTRACTS.HST,
localNodeOptions: [
{
type: 'anvil' as const,
options: {
chainId: 1,
hardfork: 'london',
loadState:
'./test/e2e/seeder/network-states/with100Usdc100Usdt50Dai.json',
},
},
],
title,
};
};

export const checkQuoteRequestsAreNotMadeAfterTimestamp = async (
driver: Driver,
timestamp: number,
Expand Down
Loading
Loading