Webix UI VS jest

To finish projects on time, efficient time management is a must. To help managers deal with deadlines, we usually implement a fully functional Gantt chart. To create a reliable and user-friendly UI, choosing the right set of tools is essential. In our work, we usually rely on Webix, a JavaScript UI library developed by the brightest minds of XB Software. Another ace up our sleeve is JavaScript UI libraries by DHTMLX. Such an approach allows us to avoid dozens of possible errors since our developers use a tool they know every detail of. Moreover, Webix provides access to dozens of widgets whose out-of-the-box functionality enables a faster work pace and helps cut costs. Our clients, in turn, can be confident that their project will use a library whose support and continuous improvement will not be abandoned for the foreseeable future. Due to these features, we usually use a Webix Gantt as a basis for PM tools.

Webix UI is a JavaScript library that allows you to create a responsive design without worrying about the app's performance. The range of possibilities is represented by UI components of varying complexity. It can be a simple button and a complex solution. Each widget includes a whole set of methods and properties for flexible configuring and controlling. Besides, the library has extra tools. For example, event handling, methods of working with data, interaction with the server, styling themes and much more. You can find out more information about capabilities in the documentation. Now it is time to move on to the practice.

Since there is enough information on the web about open-source solutions, let's look at the library which is less popular but surely worthy of attention. Webix UI library has gained 4.8 out of 5 on Capterra. The library has been developed by XB Software since 2008. It is regularly updated, there is a blog with lots of reviews of the users. Many of them note the responsive support, the convenience of outsourcing services, and the speed and ease of building apps with the help of the Webix complex widgets. The downsides of the library mentioned are the documentation which is quite restricted and the lack of examples of combining Webix with TypeScript.

JavaScript/HTML5 File Manager – view demo The following components are used: DataView, Grid, Form, Layout, Menu, Popup, Tabbar, Toolbar, Tree, and Window. The features include uploading and downloading files, creating and deleting folders, grid and list preview modes, sorting and searching files, and keeping track of the space left.

In the article, we will discuss the components of the user interface and focus on their help in the JS development. If you are considering JS development as a career option, this overview may come up in handy for you. Seniors may turn to the second half of the article and study the opportunities of the Webix JS library.

There are quite a few public repositories of well-known projects that use the multi-packages monorepo approach: Babel, React, Jest to name a few.

This was just a quick introduction take a look at the official documentation for Jest, React Testing Library and Cypress to learn more.

Every package has testing configured through jest, with a default configuration that can easily be extended, thanks to the jest.config.ts file at the package level.

Writing test cases or unit tests is a tedious task. They are usually long lines of functions calls and assertions of the expected and received results. Fortunately, test frameworks like Jest make it quite easy and intuitive to test your application.

Jest Jest is an open source test framework created by Facebook and is well integrated with React. it have many built-in like snapshot testing, function mocking, coverage collection and is usually easy to configure and use. in this configuration we will be using Jest to run all tests we write know which one failed or passed and collect coverage i.e. tell us lines that are not covered/tested in our codebase. learn more about Jest here

For this task, the unit test needs to check the original object and compare it to the modified version. In our app we use Jest to write our unit and integration tests.

Jest

I'm currently testing an input using Jest & react-testing-library. I'm trying to test whether the onChange function fires whenever my input's field changes. Here's an example of my code:

Custom loader for JSON which would parse JSON and wrap it with Object.freeze()(or rather custom function which apply Object.freeze() recursively). Unfortunately, this does not work with Jest. After 24.8.0 it supports custom transformers for JSON but transformer for JSON still must return JSON string so it cannot return module.exports = recursiveObjectFreeze(src).