Cypress Social Login Plugin is used to facilitate the third-party logins for services such as GitHub, Facebook etc.

It does so by delegating the login process to a puppeteer flow that performs the login and returns the cookies for the application under test, so they can be set by the calling Cypress flow for the duration of the test.

Lets look at how we can use this plugin with an example.

Plugin Reference :-

  1. Get the Plugin Installed for your cypress project

Installing the plugin would take some time as it needs to install chromium…

What is web application architecture?

Web application architecture describes the relationship between web app components (i.e. — user interfaces, databases, and middleware systems) and the way they interact with each other. In other words, it provides a structure for how the client and server are connected. Properly designed web application architecture ensures that all of your components interact properly and serves as a strong foundation for expanding the app in later rounds of development.

How does web application architecture work?

There are two subprograms, or sets of code, that are common for any web application: client-side code and server-side code. …


Rest APIs are a vital part of every digital application nowadays. It’s crucial to verify that APIs are working fine before applications are delivered to end-users. Rest APIs testing is carried out manually as well as automatically. When testing Rest APIs, we send various HTTP/S requests using GET, POST, PUT, PATCH, and DELETE methods to ensure that the functionality is working great. Rest APIs testing also includes validating response versus the defined inputs, checking the accuracy of response, and checking HTTP status codes and error codes.

There are many open source and commercial testing tools that can be used to…

Application Programming Interfaces (APIs) have become critical to modern app development, as software developers increasingly rely on them to extend product functionality via third-party services. This approach is almost always faster and easier than developing new functionality from scratch.

This article will recommend some best practices for third-party API integrations while building business apps.

What is an API?

API is a software intermediary which combines two applications. It enables your application to communicate with other applications without the need to know how they are implemented. APIs can be used to pull in data sources, manage complex tasks, or add features that are not in…

What is React Native for Windows + macOS?

React Native for Windows + macOS is an interesting framework that allows you to build cross-platform desktop applications for both Windows and macOS just by using a single base of React Native code. What it actually does is coordinate React Native support for the Windows 10 SDK and for the macOS 10.13 SDK so that developers don’t need to build apps using separate native frameworks or languages.

That means this framework lets you develop native desktop applications for all Windows 10 devices (including PCs, tablet devices, Xbox, and mixed reality devices) and macOS ecosystems by only using JavaScript.

React Native for Windows + macOS History and Maintenance

React Native…

What is React Native for Web?

React Native Web is an awesome web development library available for frontend developers. The beauty of React Native Web is that it can be used to run an application on any platform just using a single codebase. React Native for web makes it possible to run React Native components and APIs on the web with the help of React DOM. In other words, React Native Web makes it easy to bring your React Native app to the web.

Who maintains React Native Web?

React Native was originally developed by Facebook in 2015, and React Native Web was created that same year by Nicolas Gallagher as…

If you are willing to integrate the rest assured test framework for a wso2 repository you can follow the below steps to achieve that.

Assume that the git repository name is wso2-feedback & /home/shanika/WSO2/feedbackrepo is your machines folder path where you will clone the wso2-feedback repo.

git clone

  1. Go to the most outer pom.xml file located in your repository and add the below dependency under the dependencies tag as below.

eg :- /home/shanika/WSO2/feedbackrepo/wso2-feedback/pom.xml

2. In the same most outer pom.xml file which was used in step1 add the value…

What is Platform as a Service (PaaS)?

Platform as a Service is a cloud computing environment where a third-party service provider offers hardware and software tools for clients over the internet. PaaS allows businesses to easily deploy, run, and manage cloud applications without the complexity of setting up and maintaining their own servers and infrastructure. Thus, PaaS frees developers from having to install in-house hardware and software for development or hosting.

Many PaaS providers also offer fully managed, cloud-based data services along with platform services. …

Modern front-end development is more demanding than ever before with new design standards, code requirements, and the introduction of responsive web and mobile designs. As a result, finding ways to automate the conversion of design files into functional code can save engineering teams potentially hundreds of development hours.

While it’s true that each project and team may have their own workflow and tools for turning designs into a working product, there are some common functions and phases which are essential in any design-to-development handoff. To identify opportunities for automation, we must first understand how the current manual process works.

How to manually turn design files into code


Shanika Wickramasinghe

Senior Software Engineer and Freelance Technical Writer. I write about any Computer Science related topic.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store