WebdriverIO E2E Test Framework (Web+API +DB) - 2026

WebdriverIO - Framework Kiểm Thử E2E (Web + API + DB) - Phiên bản 2026

Xây dựng framework kiểm thử tích hợp với WebdriverIO, TypeScript, Cucumber, API, DB, Allure & Git

4.6

(1,394 đánh giá)

7,042 học viên

Giảng viên

Cope Automation

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 349.000đ -86%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

23.0 giờ video

151 bài giảng

7 bài quiz

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 30/05/2026

#End To End Testing #Javascript Testing #Web Automation Testing #Webdriverio

Bạn sẽ học được gì

Học kiến thức cơ bản về JavaScript

Xây dựng framework tự động hóa kiểm thử tích hợp (Web, API, DB và hơn thế) từ con số 0

Tự động hóa kiểm thử E2E - không chỉ trên web

Mẫu thiết kế Page Object Model

Tích hợp Cucumber, API, Git và GitHub Actions

Các phương pháp hay nhất trong tự động hóa kiểm thử E2E

Tùy chỉnh WDIO runner với phạm vi kiểm thử như smoke & regression. Chế độ chạy (foreground hoặc background) và mức độ ghi log

Tương tác web nâng cao như bảng web và cuộn trang

Thêm các tùy chọn trình duyệt như SSL, chế độ headless, kích thước cửa sổ...v.v.

Xử lý lỗi, gỡ lỗi và REPL

Quản lý các môi trường khác nhau

Thiết lập logger

Xây dựng báo cáo toàn cục (global reporter)

Chạy kiểm thử trong GitHub Actions

Các tình huống sử dụng thực tế và cách tiếp cận tự động hóa

Yêu cầu

Không yêu cầu - Nếu bạn là người mới, hãy bắt đầu từ phần JavaScript cho người mới

Đối tượng phù hợp

Dành cho bất kỳ ai muốn xây dựng framework kiểm thử hiện đại dựa trên nodejs

Kiểm thử viên chức năng muốn theo đuổi lĩnh vực Tự động hóa kiểm thử

Kỹ sư QA

Chuyên viên Kiểm thử Tự động

Sinh viên/Mới tốt nghiệp muốn theo đuổi sự nghiệp trong lĩnh vực kiểm thử

Nội dung khóa học

26 phần • 146 bài giảng

1 Giới thiệu tổng quan

2 Lưu ý về video tiếp theo

3 Demo 1 Phút (không có lời thuyết minh)

4 Webdriver IO là gì?

1 Hướng dẫn cài đặt tổng thể

2 Cài đặt Node.js

3 Cài đặt VS Code

4 Dự án Node đầu tiên - "Hello, World!"

5 Cài đặt WebdriverIO

6 Quy ước đặt tên - Các phương pháp hay nhất

7 Thiết lập Cấu trúc Thư mục

8 Các Tiện ích Mở rộng VS Code hữu ích

1 Kiểm tra Mức độ Sẵn sàng về JavaScript/TypeScript – Bạn được bao nhiêu điểm?

2 Bây giờ, Bạn được bao nhiêu điểm?

1 Chú thích (Comments)

2 Định nghĩa & Cú pháp Biến

3 Quy tắc đặt tên Biến

4 Câu lệnh var, let và const

5 Phạm vi của biến (Variable scoping)

6 Giới thiệu Kiểu dữ liệu

7 Literals

8 Toán tử typeof

9 Kiểu dữ liệu - các dạng khác nhau

10 Giá trị truthy, falsy và nullish

11 Chuyển đổi kiểu dữ liệu

12 Tổng kết về kiểu dữ liệu

13 Giới thiệu và các loại toán tử

14 Tổng quan về toán tử

15 Toán tử gán

16 Toán tử số học

17 Toán tử so sánh

18 Toán tử logic AND (&&)

19 Toán tử logic OR (||)

20 Toán tử logic NOT (!)

21 Toán tử logic OR - Giá trị mặc định

22 Toán tử ba ngôi (Ternary)

23 Chế độ nghiêm ngặt (Strict mode)

24 Giới thiệu câu lệnh điều kiện

25 Tình huống sử dụng 1: Chỉ If

26 Tình huống sử dụng 2: If (NOT)

27 Tình huống sử dụng 3: If và else

28 Tình huống sử dụng 4: Điều kiện if lồng nhau

29 Tình huống sử dụng 5: if..else [Điều kiện bên trong]

30 Tình huống sử dụng 6: Sử dụng if trong vòng lặp

31 Switch case - cú pháp

32 Switch case - demo

33 Giới thiệu Vòng lặp

34 Vòng lặp for chuẩn - tình huống đơn giản

35 Vòng lặp for chuẩn với Mảng (Array)

36 Vòng lặp for chuẩn - sử dụng lệnh break

37 Vòng lặp - forEach

38 Vòng lặp - while

39 Vòng lặp - for in và for of

40 Giới thiệu Chuỗi (String)

41 Chuỗi - các dạng khác nhau

42 Định dạng chuỗi

43 So sánh chuỗi

44 Trích xuất chuỗi con - phương thức slice

45 Thay thế chuỗi - replace và replaceAll

46 Trích xuất chuỗi con - phương thức split

47 Trích xuất chuỗi con - phương thức indexOf

48 Sử dụng dấu gạch chéo ngược (backslash) trong chuỗi

49 Giới thiệu Hàm (Function)

50 Demo hàm có tên (Named function)

51 Demo hàm ẩn danh (Anonymous function)

52 Tham số của hàm

53 Tham số rest (Rest parameters) và đối tượng arguments

54 Câu lệnh return

55 Hàm tự động thực thi (Self-invoking function)

56 Giới thiệu Hàm mũi tên (Arrow Functions)

57 Demo Hàm mũi tên

58 Bạn đang tìm kiếm các chủ đề nâng cao hơn?

1 Tạo Feature File Đầu tiên

2 Các Lỗi Thường gặp và Cách Sửa

3 Chạy Kiểm thử Sử dụng Scripts trong package.json

1 Cài đặt git - Mac

2 Cài đặt git - Windows

3 Thiết lập repository trên GitHub

4 Thiết lập git cục bộ

5 Commit thay đổi trong git

1 Tổng quan về Bộ chọn (Selectors)

2 Demo Bộ chọn

1 Hộp nhập liệu (Inputbox) - gõ, xóa, gõ chậm

2 Dropdown

3 Checkbox

4 Xử lý Cửa sổ (Windows handling)

5 Cảnh báo/Cửa sổ bật lên (Alerts/Pop up)

6 Tải tệp lên (File upload)

7 Khung (Frames)

8 Nhấn phím (Key press)

9 Cuộn trang cơ bản (Basic scrolling)

1 Lặp qua danh sách phần tử - Phần 1

2 Lặp qua danh sách phần tử - Phần 2

3 Bảng web (Web table) - Phần 1

4 Bảng web (Web table) - Phần 2

5 Cuộn trang Nâng cao

6 Hiểu về chờ đợi (waits) và thời gian chờ (timeouts)

7 Sử dụng WaitUntil() - Chờ động (Dynamic wait)

8 Tải lại (Reload) và Làm mới (Refresh), Quay lại (Back), Tiến (Forward) - Khi nào sử dụng?

9 Cách gỡ lỗi phiên WDIO?

10 REPL là gì và cách sử dụng?

1 Hiểu về khả năng (capabilities) và đối số (args) của trình duyệt

1 Thiết lập scripts trong package.json

2 Chạy kiểm thử ở chế độ headless

1 Demo Chạy Song song 1 - Chạy nhiều feature

1 Thiết lập tệp .env/environment

2 (QUAN TRỌNG) Thay đổi trong WebdriverIO phiên bản 8

3 Thiết lập mức độ ghi log cho các phạm vi kiểm thử khác nhau

1 Giới thiệu Cucumber

2 Tạo Feature

3 Background, Scenario và Steps

4 Biểu thức chính quy (Regular Expression)

5 Tạo và hợp nhất các tệp cấu hình môi trường khác nhau

6 Bảng dữ liệu (Data tables)

7 Mẹo tạo feature file

1 Hiểu về hooks

2 Hooks - Tình huống sử dụng thực tế

3 Thiết lập đối tượng world - Cách trao đổi dữ liệu giữa các bước

4 Thiết lập testid toàn cục

1 Thiết lập logger

2 Lưu log thực thi

1 Thiết lập và demo Allure

2 Cấu hình bổ sung cho Allure

1 Xử lý ngoại lệ - Lỗi và Xác nhận Chai (Chai Assertions)

1 Xây dựng hàm báo cáo lỗi toàn cục

1 Các đặc điểm cốt lõi của một framework kiểm thử là gì?

2 Các phương pháp hay nhất [PDCA]

3 Các phương pháp hay nhất để xử lý các bộ dữ liệu khác nhau

4 Lưu ý về Lớp Trang (Page Class)

5 Thiết lập một lớp trang (page class)

6 Thiết lập các đối tượng trang (page objects)

7 Sử dụng page objects trong tệp định nghĩa bước (Step definition file)

1 Thiết lập supertest

2 Xây dựng phương thức GET

3 Xây dựng phương thức POST

1 Kiểm thử E2E - Phần 1: Tạo feature file E2E với các bước

2 (QUAN TRỌNG) Thay đổi trong WebdriverIO phiên bản 8

3 Kiểm thử E2E - Phần 2: Tích hợp API với kiểm thử WEB

4 Kiểm thử E2E - Phần 3: Đăng nhập Web

5 Kiểm thử E2E - Phần 4: Hoàn thành kiểm thử E2E

1 Chạy kiểm thử trên Firefox

1 Thiết lập GitHub Action

2 Xây dựng tệp yml và Action cho CI

1 Cài đặt các gói Cơ sở dữ liệu

2 Xây dựng hàm trợ giúp Cơ sở dữ liệu

3 Tích hợp với framework WebdriverIO

Giới thiệu khóa học

What's unique about this course?

Built completely based on REAL TIME PROJECT IMPLEMENTATION & WORKING EXPERIENCE of automating E2E tests
Integrated framework with Web + API + DB + File handling and more with page object design pattern
Using this framework one can confidently build an E2E test framework from ground zero
Uses Async mode which has LONG TERM SUPPORT
Cucumber(BDD), Cross-browser testing and GitHub Actions and more
Logger and global reporter that makes easier to debug and fix tests and produce accurate test report
Tips and tricks to overcome different project implementation challenges

Why Webdriverio?

It's becoming common to adopt to a Node.js based test framework in many organisations due to having "one team one language" concept where most of the modern web and backend services are built using JavaScript and Node.js and therefore there is a flexibility to extend unit tests and integrate with CI/CD pipeline seamlessly - For all these reasons, Webdriver IO is a great choice for automating integration/E2E tests.

WebdriverIO(also known as WDIO) is the established test framework for Node.js. It has got powerful runner that supports Cucumber, Mocha and Jasmine and loaded with many features that makes easier to use.

WDIO can be run on WebDriver or Chrome DevTools Protocol - this means it has a full control over all browser elements to interact with. It is highly extendable that makes easier to automate E2E tests, not just web.

Is automating web application just enough?

It’s hard to find a project that just automates only web applications, the scope of automation is widen to integrate Web with API, database and files and even more. If this is what you are looking for, you have landed in the right place. This course is having everything you need to know to build an highly extensible integrated framework that can accomodate different applications components.

What topics are covered? (All that you need to know work in real projects):

Introduction
Installation and project set up
Run first webdriverio test
Git Integration
Locator Strategy
Handling Web Elements
Web Advanced Interactions
Browser args and capabilities - USER STORY starts
Run Headless
Run Parallel
Managing different environments
Cucumber Integration
Cucumber Advanced integration
Set up logger
Reporter
Exception handling
Set up Global Reporter
Framework Building Blocks & Page Object Model
API Testing Integration [ADDONS:You are start building helpers from here]
Build E2E Tests
Cross Browser Testing
CI Integration
DB Integration
JavaScript for beginners (basics)
Grid for cross-browser testing (upcoming)

This course is designed such a way that anyone who wants to learn or implement Node.js based E2E test framework in their current role as a QA engineer or Automation tester can build it from scratch.