BestHub
Sign in
Tagged articles
37 articles
Page 1 of 1
Woodpecker Software Testing
Woodpecker Software Testing
Feb 8, 2026 · Frontend Development

How to Stop ‘Naked’ Deployments: An AI-Powered Survival Guide for Front-End Automated Testing

The article examines why front‑end testing was once ignored, outlines how AI can automate test creation, proposes a practical three‑layer testing stack (Vitest, Playwright, Chromatic), provides prompt templates and code examples, and offers review guidelines and business arguments for adopting AI‑driven testing.

AIAutomated TestingPlaywright
0 likes · 7 min read
How to Stop ‘Naked’ Deployments: An AI-Powered Survival Guide for Front-End Automated Testing
JD Tech Talk
JD Tech Talk
Jan 12, 2026 · Frontend Development

Master Playwright: Fast Front‑End Automation Testing with Code Samples

This guide explains why Playwright has become essential for front‑end automation testing, walks through installing Node.js and Playwright, shows how to configure a project, provides runnable demo code, and illustrates common API calls such as GET and POST requests with detailed examples.

APINode.jsPlaywright
0 likes · 5 min read
Master Playwright: Fast Front‑End Automation Testing with Code Samples
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Oct 30, 2025 · Frontend Development

How Real-Time Dual-Environment Image Comparison Transforms Frontend UI Testing

This article presents a comprehensive strategy for automating UI testing of a complex front‑end parameter model editor by generating real‑time baseline screenshots in production, comparing them with test runs, visualizing diffs in Allure reports, and dramatically improving defect detection and maintenance efficiency.

AllureAutomationfrontend testing
0 likes · 13 min read
How Real-Time Dual-Environment Image Comparison Transforms Frontend UI Testing
Huolala Tech
Huolala Tech
Jun 26, 2025 · Frontend Development

Boosting JS SDK Testing Efficiency with a Unified Platform and AI‑Generated Test Code

This article details the design and implementation of a comprehensive JavaScript SDK testing platform that unifies test versioning, automates functional, interface, and performance testing, and leverages AI to generate test code, dramatically improving test coverage, execution speed, and developer productivity.

AI code generationJS SDKPerformance Testing
0 likes · 18 min read
Boosting JS SDK Testing Efficiency with a Unified Platform and AI‑Generated Test Code
FunTester
FunTester
Apr 1, 2025 · Frontend Development

Mastering data-testid: Boost Front‑End Test Stability and Collaboration

This guide explains why data-testid is essential for reliable front‑end testing, outlines planning and QA involvement, shows how to add and use data-testid in React/Vue components, provides best‑practice guidelines, and demonstrates Playwright, Cypress, and Selenium scripts for robust automated tests.

CypressPlaywrightReact
0 likes · 10 min read
Mastering data-testid: Boost Front‑End Test Stability and Collaboration
大转转FE
大转转FE
Feb 10, 2025 · Fundamentals

Why Frontend Coverage Reports Were Wrong and How NYC Fixed Them

This article analyzes the shortcomings of a custom Istanbul-based code coverage pipeline for a Vue frontend, explains why instrumented line numbers were inaccurate, and presents a revised solution using NYC to generate reliable incremental coverage reports with detailed implementation steps and configuration examples.

InstrumentationIstanbulcode coverage
0 likes · 19 min read
Why Frontend Coverage Reports Were Wrong and How NYC Fixed Them
JD Cloud Developers
JD Cloud Developers
Oct 24, 2024 · Frontend Development

Master Playwright: Fast Frontend Automation Testing with Real Code Examples

This guide explains why Playwright is a leading tool for frontend automated testing, walks through installing Node.js, Playwright and browsers, shows project configuration, provides runnable demo code, and demonstrates common GET and POST API requests, helping developers boost test efficiency and reliability.

AutomationJavaScriptPlaywright
0 likes · 5 min read
Master Playwright: Fast Frontend Automation Testing with Real Code Examples
Tencent Cloud Developer
Tencent Cloud Developer
May 9, 2024 · Frontend Development

Front-end UI Automation Testing: Challenges, Solutions, and Practices

The article recounts the author’s journey building and scaling front‑end UI automation for desktop, web, and mobile, exposing challenges such as fragile end‑to‑end tests, high maintenance cost, and merge‑induced regressions, and proposes a three‑layer strategy of unified frameworks, collaborative case sharing, and enhanced reporting that yielded 70% business coverage, 93% pass rates, and thousands of bugs discovered, while outlining future AI‑driven test generation.

Software qualityUI automationcontinuous integration
0 likes · 39 min read
Front-end UI Automation Testing: Challenges, Solutions, and Practices
JD Retail Technology
JD Retail Technology
May 6, 2024 · Frontend Development

Common Testing Techniques and Implementation Strategies for JD H5 Marketing Pages

This article outlines the architecture of JD's H5 marketing pages, compares native and H5 development, details container layering, describes functional implementation, and presents a comprehensive set of server‑side and front‑end testing methods, performance optimization, online tracking, and current pain points to improve testability and reliability.

H5JD HybridPerformance Optimization
0 likes · 16 min read
Common Testing Techniques and Implementation Strategies for JD H5 Marketing Pages
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 15, 2024 · Frontend Development

Automating Visual Regression Testing for Frontend Component Libraries with jest-image-snapshot and jest-puppeteer

This article explains how to set up and use jest-image-snapshot together with jest-puppeteer to automate visual regression testing for atomic frontend components, covering configuration, code examples, CI integration, and best practices for preventing unintended UI changes.

JestPuppeteerUI automation
0 likes · 24 min read
Automating Visual Regression Testing for Frontend Component Libraries with jest-image-snapshot and jest-puppeteer
Test Development Learning Exchange
Test Development Learning Exchange
Feb 10, 2024 · Frontend Development

Integrating Playwright with Test Frameworks, CI/CD, and an End‑to‑End Playwright + pytest E‑commerce Example

This article explains how Playwright can be integrated with testing frameworks, CI/CD pipelines, monitoring, logging, build tools, API testing, reporting, and distributed testing, and provides a complete Playwright‑pytest Python example that automates user registration, login, product browsing, ordering and post‑order processes for an e‑commerce site.

PlaywrightPythone‑commerce
0 likes · 8 min read
Integrating Playwright with Test Frameworks, CI/CD, and an End‑to‑End Playwright + pytest E‑commerce Example
政采云技术
政采云技术
May 17, 2023 · Frontend Development

Unlock Front‑End Quality: A Complete Guide to Jest Automated Testing

This article explains automated testing concepts, compares unit, integration, TDD and BDD approaches, shows how to write Jest test cases without a framework, configure Jest, use matchers, handle async code, hooks, mocks, timers, snapshots, DOM testing, and provides practical code examples and repository links.

JestMockingasynchronous testing
0 likes · 28 min read
Unlock Front‑End Quality: A Complete Guide to Jest Automated Testing
JD Tech Talk
JD Tech Talk
Nov 30, 2022 · Frontend Development

Precise Frontend Testing through Static Code Analysis

This article describes a four‑step approach to precise frontend testing that uses static analysis of routing and import dependencies to identify impacted pages and functions, automatically selects corresponding test cases, runs them, and compares incremental coverage to ensure code changes are fully verified.

code coveragedependency treefrontend testing
0 likes · 5 min read
Precise Frontend Testing through Static Code Analysis
FunTester
FunTester
Aug 1, 2022 · Operations

Mastering Time‑Related UI Testing: Key Scenarios and Checkpoints

Explore comprehensive testing strategies for time‑related UI components—including range pickers, input fields, and date calculators—by examining three practical scenarios, detailed test cases for selection logic, format validation, boundary conditions, and business‑specific constraints to ensure robust and reliable functionality.

UI testingdate calculatorfrontend testing
0 likes · 5 min read
Mastering Time‑Related UI Testing: Key Scenarios and Checkpoints
ELab Team
ELab Team
Jul 13, 2022 · Frontend Development

Mastering Front‑End Testing: From Basics to Building Your Own Test Runner

This article explains software testing fundamentals, classifies test methods, outlines general testing principles, dives into front‑end testing types and popular frameworks, provides code snippets for a minimal test runner, and compares TDD and BDD approaches, offering a comprehensive guide for developers.

BDDSoftware TestingTDD
0 likes · 24 min read
Mastering Front‑End Testing: From Basics to Building Your Own Test Runner
vivo Internet Technology
vivo Internet Technology
Jan 5, 2022 · Operations

Marko Integrated Code Coverage Platform: Architecture, Features, and Technical Solution

The Marko integrated code‑coverage platform, presented by vivo’s front‑end team, offers a zero‑intrusion, one‑click solution that collects and merges multi‑language coverage data during integration testing, visualizes incremental reports and diffs through a three‑layer architecture, supports Git and OAuth, provides real‑time dashboards and alerts, and is slated for broader language support and open‑source release.

InstrumentationSoftware qualitycode coverage
0 likes · 12 min read
Marko Integrated Code Coverage Platform: Architecture, Features, and Technical Solution
DevOps
DevOps
Dec 30, 2021 · Frontend Development

Rethinking Frontend Testing: Move Away from Implementation‑Detail Focus to Real‑User Behavior

This article explains why front‑end tests that concentrate on implementation details become fragile and time‑consuming, and argues for writing tests that mimic real user interactions using Testing Library, while recognizing that many small functions lack independent business value and should be tested at the UI level instead of as isolated unit tests.

React HooksTest StrategyUnit Tests
0 likes · 9 min read
Rethinking Frontend Testing: Move Away from Implementation‑Detail Focus to Real‑User Behavior
Youzan Coder
Youzan Coder
Mar 31, 2021 · Frontend Development

Boost UI Test Stability: Practical Puppeteer & Mocha Strategies

This article shares a year‑long experience of UI automation at Youzan, covering how to select stable business scenarios, choose Puppeteer with Mocha, implement robust element locating, handle dynamic data via API interception, apply wait and retry mechanisms, capture screenshots, log responses, and integrate tests into CI pipelines for reliable regression testing.

API interceptionCI integrationPuppeteer
0 likes · 13 min read
Boost UI Test Stability: Practical Puppeteer & Mocha Strategies
Zhengtong Technical Team
Zhengtong Technical Team
Aug 14, 2020 · Frontend Development

A Practical Guide to Frontend Testing: Understanding TDD, BDD, and Mastering Jest

This article explores the core principles of frontend testing, comparing Test-Driven Development and Behavior-Driven Development methodologies while providing a step-by-step tutorial on configuring the Jest framework and utilizing its essential matchers to write robust, maintainable unit tests for modern web applications.

Behavior Driven DevelopmentJestfrontend testing
0 likes · 12 min read
A Practical Guide to Frontend Testing: Understanding TDD, BDD, and Mastering Jest
Aotu Lab
Aotu Lab
Jul 22, 2020 · Frontend Development

How Q‑Learning Can Power Smart UI Testing and Scalable Pop‑ups with Puppeteer

This article explains how reinforcement‑learning (Q‑learning) can generate mock interface data for regression testing, how Puppeteer automates UI interactions, and how a DSL‑plus‑runtime approach enables scalable pop‑up components, reducing testing costs in complex e‑commerce interactions.

AutomationPuppeteerQ-Learning
0 likes · 8 min read
How Q‑Learning Can Power Smart UI Testing and Scalable Pop‑ups with Puppeteer
Ctrip Technology
Ctrip Technology
Jun 18, 2020 · Frontend Development

Implementing BDD UI Automation Testing with Cucumber and Puppeteer at Ctrip

This article explains how Ctrip's vacation team introduced behavior‑driven development (BDD) for UI automation testing using Cucumber and Puppeteer, covering the testing background, BDD concepts, framework selection, project structure, CI/CD integration, parallel execution, and best practices such as test‑id usage to improve reliability.

BDDCucumberDevOps
0 likes · 20 min read
Implementing BDD UI Automation Testing with Cucumber and Puppeteer at Ctrip
DevOps Cloud Academy
DevOps Cloud Academy
Feb 2, 2020 · Frontend Development

Introduction to Automated Testing with Selenium

Automated testing transforms manual, human‑driven test procedures into machine‑executed processes, and Selenium—a comprehensive suite of tools for web browser automation—enables remote control of browsers to simulate user actions such as typing, clicking, selecting, and executing JavaScript, primarily supporting front‑end testing.

Automated TestingBrowser AutomationSelenium
0 likes · 5 min read
Introduction to Automated Testing with Selenium
Beike Product & Technology
Beike Product & Technology
May 23, 2019 · Fundamentals

Frontend Automated Testing: A Comprehensive Guide

This article explores four key questions about automated testing: what it is, why it matters, which projects benefit from it, and how to implement it, providing a complete frontend testing framework including unit testing, API testing, functional testing, and benchmark testing.

API testingAutomated TestingReact Testing
0 likes · 16 min read
Frontend Automated Testing: A Comprehensive Guide
Youzan Coder
Youzan Coder
Apr 3, 2019 · Frontend Development

How Youzan Built a Robust Frontend Testing Framework: UI Automation, Coverage, and Alerts

This article details Youzan's comprehensive frontend quality assurance system, covering architecture overview, UI automation with Puppeteer and Mocha, Node interface testing using Istanbul, unit testing choices, library change alerts, Sentry error monitoring, business alarms, and standardized release processes to ensure reliable releases.

Node.jsUI automationcode coverage
0 likes · 15 min read
How Youzan Built a Robust Frontend Testing Framework: UI Automation, Coverage, and Alerts
System Architect Go
System Architect Go
Mar 22, 2019 · Frontend Development

End-to-End Testing with Puppeteer: Automating User Interactions Across Frontend and Backend

End‑to‑end testing treats the application as a black box, using Puppeteer to programmatically control a Chromium browser and simulate real user actions—such as navigating pages, typing, mouse movements, solving slide captchas, and uploading files—to verify the complete front‑end to back‑end workflow.

Browser AutomationNode.jsPuppeteer
0 likes · 4 min read
End-to-End Testing with Puppeteer: Automating User Interactions Across Frontend and Backend
Ctrip Technology
Ctrip Technology
May 24, 2018 · Frontend Development

SnapDiff: An Automated Frontend Visual and Message Diff Testing Platform

SnapDiff is a JavaScript‑based platform that automates front‑end visual and message‑level regression testing through image comparison, distributed execution, mock data handling, and intelligent report analysis, dramatically reducing maintenance effort and improving test coverage for rapidly iterating web applications.

AutomationDistributed TestingPuppeteer
0 likes · 11 min read
SnapDiff: An Automated Frontend Visual and Message Diff Testing Platform
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Aug 7, 2015 · Frontend Development

How Qiniu Built a Robust Front‑End Testing Workflow with Karma, Jasmine, and Sinon

This article details Qiniu's evolution from no testing to a comprehensive front‑end testing strategy using Selenium, Karma, Jasmine, AngularJS, and Sinon, covering early challenges, unit‑test design, tool configuration, mock data handling, and the tangible benefits for code quality and maintenance.

AngularJSJasmineKarma
0 likes · 12 min read
How Qiniu Built a Robust Front‑End Testing Workflow with Karma, Jasmine, and Sinon