The following two unit tests demonstrate the scenario where you would want to write a unit test to verify whether a method was called with the required parameters. It also tests how many times a method was invoked by passing a mock method.
Author: Shiva Charan Devabhaktuni
-
Allow arrow functions as properties in React Components using eslint
If you don’t configure your .eslintrc file, then you might see this “Parsing error: Unexpected token =” when you do the following in your react components.
class HomeComponent extends Component { state = { term: '', }; setTerm = (term) => { this.setState({ term }); }; ... }To use arrow functions as properties in React components you can do the following. (more…)
-
Add Stylelint to webpack
Adding stylelint to your project has many advantages that range from being able to throw warnings and errors when the styling rules (CSS, SASS-SCSS) are broken, to being able to fix most of your warnings automatically with a single command. (more…)
-
How to create an arrow content separator in CSS
Lets say you want to draw something similar to the following using only CSS. (more…)
-
Format currency and date manually in Javascript
Format Currency
In case you want to implement a function to format currency instead of just using toLocaleString() then, you can use the following. (more…)
-
Java Objects, Arrays – Pass by Reference?
The array reference here is passed by value to the methods below. This is similar to what we usually see in case of Javascript. (more…)
-
Material Modal using CSS3
The following code tries to mimic the look and feel of the modal from Google’s Material Design using CSS3.
-
Restart service if website is down with cronjob
This can be easily achieved on a linux server with the help of a cronjob.
Open up your terminal and edit your cronjobs list using sudo crontab -e. (more…)
-
Divide CSS3 Grid into fixed equal columns
Defining a fixed set of equal width items for each row in a grid can be done using the grid-template-columns property in CSS3.
-
Create Schematic using Schematic-CLI from angular-devkit
We can easily create a new schematic which we can use with the help of Angular-CLI in few minutes. Install the required package globally using npm as shown below. You will need node version >= 6.9 for this. (more…)