Posts

How to improve the unit tests running time in Angular

What is Unit Testing in Angular? Unit testing in Angular refers to the practice of testing individual components, services, pipes, and other units of an Angular application in isolation from the rest of the application. The goal of unit testing in Angular is to validate that each unit of the application works as intended and meets the requirements. It helps to ensure that the components and services of the application are functioning correctly, which in turn helps to catch bugs early in the development cycle, improving the quality and reliability of the application. It also makes it easier to make changes to the codebase in the future, as changes can be tested automatically before being deployed to production. In Angular, unit tests are typically written using a testing framework such as Jasmine. Tests are run using Angular CLI. Whereas Karma is a test runner tool that executes our logic against the unit tests, runs a server, and displays the test results in multiple browsers (By defau
Post a Comment
Read more

How to automate running of Apache and MySQL in XAMPP

Image
1. Open notepad and enter the below commands @ echo off start C:\xampp\xampp-control.exe 2. Save as .bat file 3. Open your XAMPP application, click on 'config' button. 4. Check the check boxes of required servers. 5. Click on save. 6. Go to the location, where the batch file is saved and open the .bat (you can double click on it). That will open XAMPP application and run the chosen servers.
Post a Comment
Read more

How to wash a copper bottle

Image
 1. Pour some lemon juice into the bottle. If you don't have lemon, you can use tamarind juice. 2. Add some rock salt. 3. Leave it for 1 hour. 4. Wash it off, that's it. Before and After:
Post a Comment
Read more

Maintain history of copied text and save your time in windows

Image
 If you are working projects, where you've copy paste couple of text multiple times, here is the hack. How to Save the copied text (Ctrl + C): 1. Click on Windows key in keyboard. 2. Search for Clipboard Settings or you can also find this under System > Clipboard in settings 3. Toggle the `on` button of the Clipboard history. How to paste/see the copied text from the clipboard : 1. Click Windows + V keys at a time. 2. Clipboard with copied text will show up, click on any text you wish to paste.
Post a Comment
Read more

Add key-value pair to every object in array of objects in JavaScript

Image
Sometimes, we've to add flag or some new key-value pair to every object in array of objects. For that we can follow three ways to achieve it. For suppose, we have an array of objects as below and we want to add gender key to all the objects     students  = [     {        name:   'Radhika' ,        age:   26 ,     },     {        name:   'Radha' ,        age:   24 ,     },     {        name:   'Jyothi' ,        age:   25 ,     },   ]; // Expected Output    students  = [     {        name:   'Radhika' ,        age:   26 ,        gender:   'female'     },     {        name:   'Radha' ,        age:   24 ,        gender:   'female'     },     {        name:   'Jyothi' ,        age:   25 ,        gender:   'female'     },   ]; Method 1 - Using Map:       //Here we have to assign to a variable to get the modified output.    let   response  =  this . students . map (( student )  =>  ({... student , gender:   'fe
Post a Comment
Read more

Avoiding multiple API calls in Angular by using shareReplay method of RxJS

Image
While working with some Angular projects, we've to subscribe the same api in to different methods in a component. In order to avoid that we can use shareReplay method of RxJS. Lets consider an app which has two buttons and two different methods gets called on clicking on those buttons. But, internally the two methods will subscribe the same api two times. Suppose user clicks the button multiple times, then we've to call the same api multiple times to display the number of completed/incomplete tasks. On clicking the `Completed Todos` and `Incomplete Todos` buttons, same API got two times. This will increase the load on server and increase the loading time of UI. Henceforth, reduces the performance of our application. We can avoid calling multiple API services with the help of shareReplay method of RxJS. shareReplay  subscribes the observable, caches the response and multicasts it to all the subscribers without calling the API multiple times. Lets see the above example with share
Post a Comment
Read more