Skip to content

Latest commit

 

History

History
37 lines (30 loc) · 2.68 KB

README.md

File metadata and controls

37 lines (30 loc) · 2.68 KB

Home Assigment

Gas Price Tracker challenge

Display gas prices from Etherscan and update every 10 seconds.

Check it on vercel

I've chose to not use any state management solution, firstly because there wasn't a need (I could have gone for redux, to store the data in a graphql store with the client directive), but secondly, because a state management has some build-ins that don't need to be tested, and I wanted to show more strategies in the automated testing area.

As you can see, from mocking requests in case of success or error, to mocking and testing custom hooks, I've covered the code.

I went for a simple React and TailwindCSS solution in a NextJS project.

--------------------------|---------|----------|---------|---------|-------------------

File % Stmts % Branch % Funcs % Lines Uncovered Line #s
All files 100 100 100 100
app 100 100 100 100
page.tsx 100 100 100 100
components/alert 100 100 100 100
Alert.tsx 100 100 100 100
index.ts 100 100 100 100
components/spinner 100 100 100 100
Spinner.tsx 100 100 100 100
index.ts 100 100 100 100
hooks 100 100 100 100
usePollingEtherPrice.ts 100 100 100 100
usePollingGasPrices.ts 100 100 100 100
services 100 100 100 100
index.ts 100 100 100 100
tests 100 100 100 100
dataTestIds.ts 100 100 100 100
mocks.ts 100 100 100 100
utils 100 100 100 100
constants.ts 100 100 100 100
-------------------------- --------- ---------- --------- --------- -------------------