From 2acf9146ed138d1ee97b7f0feec12b1836761a10 Mon Sep 17 00:00:00 2001
From: nezouse <stankiewicz1998@gmail.com>
Date: Mon, 13 May 2024 13:41:14 +0200
Subject: [PATCH] Add sepolia to test

---
 packages/example/playwright/with-metamask.ts | 11 ++++++-----
 packages/example/src/entrypoint.tsx          |  2 ++
 packages/example/src/pages/Multichain.tsx    |  4 ++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/example/playwright/with-metamask.ts b/packages/example/playwright/with-metamask.ts
index 0bd914148..550e5e6a8 100644
--- a/packages/example/playwright/with-metamask.ts
+++ b/packages/example/playwright/with-metamask.ts
@@ -277,6 +277,7 @@ export const withMetamaskTest = (baseUrl: string) => {
         await waitForExpect(async () => {
           expect(await page.isVisible(XPath.text('span', 'Mainnet'))).to.be.true
           expect(await page.isVisible(XPath.text('span', 'Optimism'))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Sepolia'))).to.be.true
         })
       })
 
@@ -284,11 +285,11 @@ export const withMetamaskTest = (baseUrl: string) => {
         await page.goto(`${baseUrl}multichain`)
 
         await waitForExpect(async () => {
-          expect(await page.isVisible(XPath.text('span', 'Chain id:', 2))).to.be.true
-          expect(await page.isVisible(XPath.text('span', 'Current block timestamp:', 2))).to.be.true
-          expect(await page.isVisible(XPath.text('span', 'Current difficulty:', 2))).to.be.true
-          expect(await page.isVisible(XPath.text('span', 'Current block:', 2))).to.be.true
-          expect(await page.isVisible(XPath.text('span', 'Ether balance:', 2))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Chain id:', 3))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Current block timestamp:', 3))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Current difficulty:', 3))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Current block:', 3))).to.be.true
+          expect(await page.isVisible(XPath.text('span', 'Ether balance:', 3))).to.be.true
         })
       })
     })
diff --git a/packages/example/src/entrypoint.tsx b/packages/example/src/entrypoint.tsx
index 0e55206a2..4e8cc9480 100644
--- a/packages/example/src/entrypoint.tsx
+++ b/packages/example/src/entrypoint.tsx
@@ -10,6 +10,7 @@ import {
   Goerli,
   OptimismGoerli,
   Optimism,
+  Sepolia,
 } from '@usedapp/core'
 import { App } from './App'
 import { PortisConnector } from '@usedapp/portis-connector'
@@ -18,6 +19,7 @@ import { getDefaultProvider } from '@ethersproject/providers'
 
 const readOnlyUrls: Config['readOnlyUrls'] = {
   [Mainnet.chainId]: process.env.MAINNET_URL || getDefaultProvider('mainnet'),
+  [Sepolia.chainId]: 'https://rpc.sepolia.org',
   [Goerli.chainId]: process.env.MAINNET_URL
     ? process.env.MAINNET_URL.replace('mainnet', 'goerli')
     : getDefaultProvider('goerli'),
diff --git a/packages/example/src/pages/Multichain.tsx b/packages/example/src/pages/Multichain.tsx
index 454140016..55995da98 100644
--- a/packages/example/src/pages/Multichain.tsx
+++ b/packages/example/src/pages/Multichain.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { Container, MainContent, Section, SectionRow } from '../components/base/base'
-import { Mainnet, Optimism } from '@usedapp/core'
+import { Mainnet, Optimism, Sepolia } from '@usedapp/core'
 import { ChainState } from '../components/ChainState'
 import { Title } from '../typography/Title'
 import styled from 'styled-components'
 
-const chains = [Mainnet.chainId, Optimism.chainId]
+const chains = [Mainnet.chainId, Optimism.chainId, Sepolia.chainId]
 
 export const Multichain = () => {
   return (