@cardano-sdk/e2e 0.6.0 → 0.6.1-patch.0

package/test/web-extension/extension/ui.html

@@ -24,6 +24,7 @@
   <button id="clearAllowList">Clear allow list</button>
   <div>Name: <span id="observableWalletName">-</span></div>
   <div>Address: <span id="address">-</span></div>
+  <div>Stake Address: <span id="stakeAddress">-</span></div>
   <div>Balance: <span id="balance">-</span></div>
   <div>Network-wide staked: <span id="supplyDistribution">-</span></div>
   <button id="buildAndSignTx">Build & Sign TX</button>
@@ -31,4 +32,4 @@
   <script src="ui.js"></script>
 </body>
 
-</html>
+</html>

package/test/web-extension/extension/ui.ts

@@ -67,8 +67,9 @@ combineLatest([supplyDistribution.lovelaceSupply$, supplyDistribution.stake$]).s
     (document.querySelector('#supplyDistribution')!.textContent = `${stake.live} out of ${lovelaceSupply.total}`)
 );
 
-const setAddress = (text: string): void => {
-  document.querySelector('#address')!.textContent = text;
+const setAddresses = ({ address, stakeAddress }: { address: string; stakeAddress: string }): void => {
+  document.querySelector('#address')!.textContent = address;
+  document.querySelector('#stakeAddress')!.textContent = stakeAddress;
 };
 
 const setBalance = (text: string): void => {
@@ -85,7 +86,7 @@ const setName = (text: string): void => {
 
 const clearWalletValues = (): void => {
   setName('-');
-  setAddress('-');
+  setAddresses({ address: '-', stakeAddress: '-' });
   setBalance('-');
   setSignature('-');
 };
@@ -106,7 +107,9 @@ const walletManager = new WalletManagerUi({ walletName }, { logger, runtime });
 const wallet = walletManager.wallet;
 
 // Wallet can be subscribed can be used even before it is actually created.
-wallet.addresses$.subscribe(([{ address }]) => setAddress(address.toString()));
+wallet.addresses$.subscribe(([{ address, rewardAccount }]) =>
+  setAddresses({ address: address.toString(), stakeAddress: rewardAccount.valueOf() })
+);
 wallet.balance.utxo.available$.subscribe(({ coins }) => setBalance(coins.toString()));
 
 const createWallet = async (accountIndex: number) => {

package/test/web-extension/specs/wallet.spec.ts

@@ -22,6 +22,8 @@ describe('wallet', () => {
   const deactivateWallet = '#deactivateWallet';
   const destroyWallet = '#destroyWallet';
   const spanAddress = '#address';
+  const spanStakeAddress = '#stakeAddress';
+
   const spanBalance = '#balance';
   const spanSupplyDistribution = '#supplyDistribution';
   const divAdaPrice = '#adaPrice';
@@ -29,8 +31,15 @@ describe('wallet', () => {
   const divSignature = '#signature';
   const activeWalletName = '#observableWalletName';
 
+  const dappBtnRun = '#bp3-tab-panel_TabsExample_1 > div > button';
+  const dappSubmittedTxConfirmation = '#root > div > p:last-child';
+  const dappChangeAddress = '#root > div > p:nth-child(11)';
+  const dappStakingAddress = '#root > div > p:nth-child(12)';
+  const dappUsedAddress = '#root > div > p:nth-child(13)';
+
   // The address is filled in by the tests, which are order dependent
   let walletAddr1 = '';
+  let walletStakeAddr1 = '';
 
   const buildAndSign = async () => {
     await $(btnSignAndBuildTx).click();
@@ -74,16 +83,31 @@ describe('wallet', () => {
           }
         });
         walletAddr1 = await $(spanAddress).getText();
+        walletStakeAddr1 = await $(spanStakeAddress).getText();
         expect(walletAddr1).toHaveTextContaining('addr');
+        expect(walletStakeAddr1).toHaveTextContaining('stake');
         await expect($(activeWalletName)).toHaveText(getObservableWalletName(0));
       });
       it('dapp has access to cip30 WalletApi', async () => {
         await browser.switchWindow('React App');
         await expect($(pNetworkId)).toHaveText('Network Id (0 = testnet; 1 = mainnet): 0');
         await browser.waitUntil($(liFirstUtxo).isExisting, { timeout: 60_000 });
-        await switchToWalletUi();
       });
+
+      it('dapp can build and send a transaction using cip30 WalletApi', async () => {
+        await browser.switchWindow('React App');
+        await $(dappBtnRun).click();
+        await expect($(dappSubmittedTxConfirmation)).toHaveTextContaining('check your wallet');
+      });
+
+      it('dapp gets correct addresses from cip30 wallet api', async () => {
+        await expect($(dappChangeAddress)).toHaveTextContaining(walletAddr1);
+        await expect($(dappStakingAddress)).toHaveTextContaining(walletStakeAddr1);
+        await expect($(dappUsedAddress)).toHaveTextContaining(walletAddr1);
+      });
+
       it('can build and sign a transaction', async () => {
+        await switchToWalletUi();
         await buildAndSign();
       });
       it('can switch to another wallet', async () => {