-
Featured & Discovery list of movies & tv series.
-
Search for either movie, tv series, or people.
-
Show more detail for movie and tv series.
Access the live demo following this link
-
Spin up development server start here
-
Initiate test cases here
-
Notes regarding testing library (Jest) here
In this section, we're going to spin our development server locally. Following this step
-
The first thing we need to do is, clone the repository
git clone https://github.com/yusrmuttaqien/virtualspirit-findmovie-app.git
-
Go into our newly created directory by git
cd virtualspirit-findmovie-app -
Install all required packages listed on
packages.jsonnpm i
-
After all of those texts are done spitting, as long there is no red-colored text, we're good to go, spin the development server
npm run dev
-
Access the app in the browser at
http://localhost:5173/
In this section, we're going to execute avaliable test cases. Following this step
-
The first thing we need to do is, to have clone of the repository locally, and open the directory inside terminal
cd virtualspirit-findmovie-app -
Install all required packages listed on
packages.jsonnpm i
-
After all of those texts are done spitting, as long there is no red-colored text, we're good to go, initiate all test cases
npm run test -
Let it run for sometimes. At the end there will be a report regarding how many test cases is passed.
-
For coverage, following commands will do the tricks.
npm run test:cover
-
After the commands is complete, checkout
coverage/index.htmlto view the report visually.
Due to numerous incompatibilities between Jest and the Vite.js framework, I have switched to using Vitest as my testing library. Vitest offers a one-to-one function mapping with Jest, ensuring a smooth transition between the two libraries. Nonetheless, I still rely on the React Testing Library for component rendering.