dev-portfolio

Personal Portfolio

Live Portfolio Website

Get started

npm i && npm run dev

About repo

• Using NextJs
• React
• Styled components (each component has a corresponding ComponentStyles.js file)

Thanks to JavaScript Mastery for the inspiration

I'm Nikolay Advolodkin

• 🔭 I’m the founder of Ultimate QA
• 🥗 Like my content? Buy me a salad
• 📫 How to reach me:
  • Youtube where you can learn at your pace
  • JS Testing Newsletter
  • Read about testing
  • LinkedIn
  • Twitter for great Dev quotes
• 😄 Pronouns: he/him
• ⚡ Fun fact: I'm a vegan that's pasionate about the 🌎, saving 🐮, and bridging the technical divide!

Testing

visual testing

For visual testing I had to enable an ignore threhold

How do we test all of the urls in our app?

What about timelineData.js, do we need to write a snapshot test for it?

• No, since the data appears in our visual tests, it's not necessary

• Disable running all of the cypress files for visual tests by using Cypress --spec

functional testing

• how do we test the links in Projects.js?

front-end perf

cy.lighthouse(), Electron is not supported. Skipping... error was a result of running Cypress on Electron. Changing to Chrome browser fixed the issue.

updating npm packages

Use npm-check

Inspired by

⭐ Huge thanks to JS Mastery for the tutorial ⭐