helvar-frontend-assignment's Introduction

helvar-frontend-assignment

This repo holds the solution to the helvar frontend assignment

Assignment Question Resources

Assignment Solution Resources

Selected Dependencies

React: SPA Library
Chakra UI React: A UI component library
Vitejs.dev: Tooling to help set up the react project
Vitest.dev: For unit tests
Cypress: For e2e tests

helvar-frontend-assignment's People

Contributors

Stargazers

Watchers

helvar-frontend-assignment's Issues

Write e2e tests

Helpful:

https://glebbahmutov.com/cypress-examples/recipes/check-console-logs.html
Test that changing the value of the Occupied slider updates the corresponding state (occupied) and displays the new value in the Label component.
Test that changing the value of the Power save slider updates the corresponding state (powerSave) and displays the new value in the Label component.
Test that changing the value of the Minimum slider updates the corresponding state (minimum) and displays the new value in the Label component.
Test that clicking the Cancel button resets the values of occupied, powerSave, and minimum back to their default values.
Test that clicking the Apply button triggers the onApply function and logs the current values of occupied, powerSave, and minimum to the console.

Write a unit test for the getNearestStepValue function

 const getNearestStepValue = (value: number) => {
    if (value <= 1) return value;
    if (value === 2) return 1;
    if (value >= 100) return 100;

    const nearestStep = Math.round(value / 5) * 5;

    return nearestStep;
  };

Recommend Projects