Category: DZone Python

See the original posting on DZone Python

A few days ago, I wanted to test a JS function. Part of the test was to verify that another function gets called, and gets called correctly (with the correct parameters). I ended up using Sinon for the task, and now, looking back at it, it’s pretty easy and straightforward. The thing is, when I was trying to write my tests I didn’t find good examples and there was a little struggle until I figured it out, which is the motivation for this post (why not share and make someone’s else life easier, right?). 

So let’s go down to business!

See the original posting on DZone Python

Much of application development, including web applications, has to do with CRUD – creating, reading, updating, and deleting data. Today, we will be building a full stack Vue note-taking application and showing you how to perform the aforementioned processes, using Node.js running the Express.js framework for the backend, and MongoDB to store our data.

Below is a preview of the application we will be building:

See the original posting on DZone Python

What Is Cross-Browser Parallel Test Automation?

Cross-browser parallel testing is performed to run a single test across multiple browser combinations, simultaneously. This is a very practical and powerful scenario for automation testing. Cross-browser parallel test automation allows you to scale back execution time while not compromising with coverage of your check and leads to faster test results.

What Is Watir?

Watir is an open source Ruby library which helps to achieve cross-browser automation testing. Watir supports Ruby, which is an object-oriented language and typically it’s simpler and faster than other languages. The good thing about Watir is that it supports any web application irrespective of the technology used to develop that application.

See the original posting on DZone Python

All examples in this post use the swapi.co API

Where Do You Find JSON?

In the network tab, I will very often be observing network traffic, and I’ll want to interrogate the message to view it more easily.

See the original posting on DZone Python

Meet the Lottie Framework

Imagine it’s Monday morning. You wake up and grab your phone to check your Twitter feed. You scroll and scroll — what’s that? Oh, news from NASA. “Like!” And then you suddenly see that the heart-icon has not only changed but did so gorgeously.

At first, it may seem like nothing. But the truth is, small animations in the interface can make a big difference. When you use a certain app and you know for sure it has reacted to your tap, it means the design was well thought through. The app creators not only made it practical but also attractive and pleasant to use. And it’s true — animations add uniqueness and mood to an application. Those of you who’ve ever tapped “Heart” on Twitter know this feeling — you simply go, “Aaawww!” Such a reaction proves how important animations can be in an interface. With tiny animations like this, users can’t help but like your product. On top of that, they’ll better understand what’s going on inside the app and how to interact with its interface.

See the original posting on DZone Python

Welcome back! If you missed Part 1, you can check it out here. 

Ideal Apps for WebViews

WebViews are not perfect for all app types. If you are building the Facebook app with 18000 classes even native might not be good enough. But there is a huge class of applications where web-based views are the best choice. If your app fits into these categories, definitely go for WebViews:

See the original posting on DZone Python

Welcome back! If you missed Part 1 and/or Part 2, follow those links to check ’em out! 

2. Large-Scale UI Design

Here, large-scale means data rich. In this section, I will discuss some common patterns used in large-scale UIs.

See the original posting on DZone Python

We’ve built a number of great mobile applications on React Native. We recently wrapped up one of the largest we’ve done here at SmartLogic — largest in terms of user base, navigation depth, redux state, and sagas. With every app, our list of best practices and little tricks that work well for us grows, but with the larger apps, there are some additional best practices we’ve recently settled on.

We took some time to reflect back on some of the best lessons we’ve learned after completing over a half dozen React Native apps. Here are our top four takeaways and lessons learned from our experiences building large React Native applications.

See the original posting on DZone Python

Angular change detection helps us reflect our component data to the user. If you don’t use it properly, you can easily hurt your front-end performance.

In this post, I’ll use Chrome Dev Tools for measuring the performance.

See the original posting on DZone Python

In the last post, I wrote about unit testing data access in ASP.NET Core. This time I’m going to go into integration tests. This post shows you how to write an end-to-end test using a WebApplicationFactory and hot to write a specific integration test.

Unit Tests vs. Integration Tests

I’m sure most of you already know the difference. In a few discussions, I learned that some developers don’t have a clear idea about the difference. In the end, it doesn’t really matter, because every test is a good test. Both unit tests and integration tests are coded tests, they look similar, and use the same technology. The difference is in the concepts of how and what to test and in the scope of the test:

See the original posting on DZone Python

Welcome back! If you missed Part 1, you can check it out here.

1.3. Single Page App Architectural Pattern

1.3.1. Never Use Observers

Clarification: Observers here refers to the observer in the old Ember version (not sure if it is still there). It doesn’t contain event listeners. In older Ember versions, an observer is a function triggered when a value is changed. For example, a developer can define a function like:

See the original posting on DZone Python

Fork is an intuitive, user-friendly, and open source CMS. Fork uses the Symphony framework and provides various tools for its users to build, monitor, and update websites. You easily can integrate it with web analytics tools to analyze user behavior on your website and perform search engine optimization.

In this tutorial, we will be installing and setting up Fork CMS on an Alibaba Cloud Elastic Compute Service (ECS) with Ubuntu 16.04 installed.

See the original posting on DZone Python

I have been working on some single page web apps’ UIs for several years and want to share some of my experiences. 

In this article series, I will divide the content into 3 parts: ”UI Architecture Level Thoughts,” “Large Scale UI Design,” and “UI Testing and Automation.”

See the original posting on DZone Python

In the programming world, Angular and React are among the most popular JavaScript frameworks for front-end developers. Moreover, these two – together with Node.js – made it to the top three frameworks used by all software engineers on all programming languages, according to Stack Overflow Developer Survey 2018.

Both of these front-end frameworks are close to equal in popularity, have similar architectures, and are based on JavaScript. So what’s the difference? In this article, we’ll compare React and Angular. Let us start by looking at the frameworks’ general characteristics in the next paragraph. And if you are looking for other React and Angular comparisons, you can review our articles on cross-platform mobile frameworks (including React Native), or comparison of Angular with other front-end frameworks.

See the original posting on DZone Python

MongoDB is a popular NoSQL database. It is a document database that stores data in flexible, JSON-like documents. It is published under AGPL.  

MongoDB is a distributed database at its core, so it’s high availability, horizontal scaling, and geographic distribution are built in and easy to use.

See the original posting on DZone Python

Introduction

In this article, we will learn how to deploy a Blazor application on Firebase. We will create a client-side application using Blazor and host it on Firebase. This application will not have any server-side code or web API logic. We will use Visual Studio 2017 to build and publish the application.

Prerequisites

You need to install the following prerequisites to create a Blazor application.

See the original posting on DZone Python

Test Driven Development in Android Using Kotlin

This post is about my journey of finding the right mobile app unit testing framework and how I arrived at Kotlin Clean Code for Android. A design pattern, it is an adaptation of Android Clean Code. When you finish this blog series, I promise, you will learn how to unit test your mobile app, piece by piece.

Let Us Start With Unit Testing

Writing an Android app that has good unit test code coverage is not easy, as Android code typically has a massive activity or fragment class that manages more than one function or task. Typical fragment classes do the below tasks:

See the original posting on DZone Python

If you’ve fallen in love with Vue.js, you’ll be dreaming that your company will add it to their technology stack so you get to work with it every day.

For that to happen, though, you may need to convince certain decision makers in your company to give it a try, be it the CTO or some other stakeholder.

See the original posting on DZone Python

CrossBrowserTesting

Say goodbye to all your virtual machines and device laboratories. CrossBrowserTesting is a one-stop solution for all of your testing needs. The tool is quite exhaustive and robust with more than 1,500 real desktop and mobile browsers on its availability list. You can easily execute all of your manual and exploratory test cases on real iOS and Android devices, just like your clients and end-users are going to do. The tool has excellent support for visual testing too and comes equipped with native debugging tools as well.

Functionize

Test your website on any mobile device quickly using the AI enabled cloud testing solutions by Functionize. The Functionize online testing cloud lets you flawlessly perform visual testing, cross-browser testing, and performance testing along with mobile testing. Use the tool to easily scale from one to many mobile devices. Get access to a large range of Android and iOS versions and smoothly maintain your mobile test cases using their root cause analysis engine. Apart from that, the tool has commendable support for test creation, test maintenance, performance, and analytics.

See the original posting on DZone Python

The Galen framework is a test automation framework which was originally introduced to perform cross-browser layout testing. It has become a fully functional testing framework with rich reporting and test management systems. This framework supports both Java and JavaScript.

Are you wondering about what cross-browser layout testing is? Well, let me clarify. So, you’ve developed a fast-functioning website using Google Chrome. Everything is working as expected. The UI is neat and you feel a sense of accomplishment. Now, you show this to your product manager, stakeholder, or any other user who has his/her default browser set to Mozilla Firefox/Safari/Opera or any browser other than Google Chrome, and you are surprised to notice the UI look different. This implies that your website isn’t cross-browser compatible. The practice to ensure that the layout of a website looks and runs seamlessly across various browsers is called cross-browser layout testing. We are living in an era where responsive design is turning into a necessity for every website. If you are looking to address the following challenges for responsive site layout across multiple devices, then Galen is one of the best open source frameworks to choose: