11. Testing the User Interface | Node.js By Example

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Node.js By Example

By : Krasimir Tsonev

3.5 (2)

Node.js By Example

3.5 (2)

By: Krasimir Tsonev

Overview of this book

If you are a JavaScript developer with no experience with Node.js or server-side web development, this book is for you. It will lead you through creating a fairly complex social network. You will learn how to work with a database and create real-time communication channels.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Node.js Fundamentals

1. Node.js Fundamentals

Understanding the Node.js architecture

Installing Node.js

Defining and using modules

Managing and distributing packages

Introducing built-in modules

Summary

2. Architecting the Project

2. Architecting the Project

Introducing the basic layers of the application

The task runner and building system

Discovering Gulp

Test-driven development

The Model-View-Controller pattern

Introducing the REST API concept

Summary

3. Managing Assets

3. Managing Assets

Serving files with Node.js

CSS preprocessing

Packing client-side JavaScript

Delivering HTML templates

Summary

4. Developing the Model-View-Controller Layers

4. Developing the Model-View-Controller Layers

Evolving the current setup

Implementing the router

Introducing Ractive.js

Constructing the entry point of the application

Defining a controller

Managing our views

Creating a model

Summary

5. Managing Users

5. Managing Users

Working with the MongoDB database

Extending the code from the previous chapter

Registering a new user

User authentication with sessions

Managing a user's profile

Summary

6. Adding Friendship Capabilities

6. Adding Friendship Capabilities

Finding friends

Marking users as friends

Displaying the linked users on the Profile page

Summary

7. Posting Content

7. Posting Content

Posting and storing text

Showing the user's feed

Posting files

Summary

8. Creating Pages and Events

8. Creating Pages and Events

Refactoring the API

Adding a form to create pages

Creating a record in the database

Showing the currently added pages

Showing a specific page

Posting a comment to a page

Showing the comments

Managing events attached to a particular page

Summary

9. Tagging, Sharing, and Liking

9. Tagging, Sharing, and Liking

Selecting friends and sending their IDs to the backend

Storing the tagged users and displaying them in the user's feed

Liking posts and counting the number of likes

Showing the number of likes

Summary

10. Adding Real-time Chat

10. Adding Real-time Chat

Getting to know WebSockets

Bringing Socket.IO to the project

Preparing the UI of the chat area

Exchanging messages between the client and the server

Sending messages to the user's friends only

Customizing the output of the chat

Summary

11. Testing the User Interface

11. Testing the User Interface

Introducing the basic testing toolset

Preparing our project to run tests

Running our test with PhantomJS

Testing user registration

Testing with DalekJS

Summary

Index

Index

Customer Reviews

3.5 (2)

5 star

50%

4 star

0%

3 star

0%

2 star

50%

1 star

0%

Testing user registration

Let's use the setup built in the previous sections and write an actual test. Let's say that we want to make sure that our registering page works. The following are the two processes that we want to capture with our test:

Filling the form with wrong data and making sure that the application shows an error message
Filling the form with correct data and seeing a successful message

We are going to use PhantomJS as our headless (virtual) browser. So, all we have to do is load our registration page and simulate user interactions, such as typing in the fields and pressing the buttons.

Simulating user interaction

There are a couple of issues that we are going to resolve. The first one is the actual simulation of user actions. From a JavaScript point of view, these actions are translated to events dispatched by some particular DOM elements. The following helper method will become a part of the tests/spec.js file:

describe("Testing", function () {

  var trigger = function(element...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Node.js By Example

Search

Your notes and bookmarks