Progressoft would like to deploy a new snacks machine inside its premises, the new snacks machine needs to be programmed before it operates and starts serving the employees some delightful snacks.

The process to buy a snack involves the following steps:

1- The snacks machine will start with a set of snacks and will have 0 money inside it.

2- The employee will have to insert money in the machine in order to buy a snack, He / She can insert one money unit at a time; the supported units are Quarter JD, Half JD, 1 JD, 5 JDs and 10 JDs.

3- One snack should be dropped after inserting the money.

4- The machine should only drop the desired snack if the money inserted is equal or more than its price.

5- The machine should return the change (if any) to the employee.

Fortunately, the machine specs were programmed as Units test written in java. And our job now is to implement the actual code that can run the machine.

We have 2 tasks we need to accomplish to make the code execute:

• The current code in the tests does not compile yet, so our first task is to make the code compile successfully.

• We need to implement the code that makes all the unit tests pass

The project is a maven project, you can start working on the project by importing it into your favorite IDE. You can run the tests using the IDE or from the command line use mvn clean test.

Changing the Unit tests code is not allowed.

Please answer the following questions with no more than 2-3 lines

1- What are Mutation Observers in JavaScript?

2- Explain 3 different CSS selectors.

3- What is the difference between SessionStorage and LocalStorage in HTML5?

We would like to have a simple UI implemented for the snack machine, this part of the assignment is considered optional but will be a plus for considering the candidate for the position.

We provide a simple sketch for the snack machine, so we need an html page that could be used to simulate the snack machine process, linking the html page with the snack machine code is out of this task scope and we are only looking for the html implementation of the page.

HTML page requirements :

• The page should include a way to simulate inserting money in the snack machine.

• The page will display the 3 types of snacks and their quantity.

• The page should display the amount of money inside the machine.

• The page should display the money of the current transaction.

• The page should display the change in case the inserted money is bigger than the item dropped.

• The page should simulate the buy action.

the image included as a sketch describes the general guide line for the page and does not mean that we want it to look exactly like that.