BestHub
Sign in
Tag

Frontend Testing

0 views collected around this technical thread.

Snowball Engineer Team
Snowball Engineer Team
Mar 31, 2025 · Frontend Development

Leveraging Multimodal Large Language Models for Frontend Automated Testing (NL2Test)

This article explores how multimodal large language models (MM‑LLMs) combined with structured prompt engineering can transform frontend regression testing by enabling natural‑language‑driven test case generation, visual verification, and script self‑healing, thereby reducing maintenance costs and improving coverage across dynamic UI scenarios.

AI AutomationFrontend TestingNL2Test
0 likes · 17 min read
Leveraging Multimodal Large Language Models for Frontend Automated Testing (NL2Test)
ByteDance Web Infra
ByteDance Web Infra
Feb 25, 2025 · Artificial Intelligence

Midscene.js Integrates Qwen‑2.5‑VL Model: Cost‑Effective, High‑Resolution UI Automation

Midscene.js v0.12 adds support for the Qwen‑2.5‑VL model, delivering GPT‑4o‑level accuracy while cutting token usage and cost by up to 80%, enabling interaction with canvas and iframe elements, offering high‑resolution input, and providing easy configuration through environment variables and a browser plugin.

Artificial IntelligenceCost ReductionFrontend Testing
0 likes · 10 min read
Midscene.js Integrates Qwen‑2.5‑VL Model: Cost‑Effective, High‑Resolution UI Automation
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.

Continuous IntegrationFrontend TestingTest Framework
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.

Cross-PlatformFrontend TestingH5
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.

Component LibraryFrontend TestingJest
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.

Automation TestingFrontend TestingPlaywright
0 likes · 8 min read
Integrating Playwright with Test Frameworks, CI/CD, and an End‑to‑End Playwright + pytest E‑commerce Example
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 CoverageFrontend TestingStatic Analysis
0 likes · 5 min read
Precise Frontend Testing through Static Code Analysis
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.

Code CoverageContinuous IntegrationFrontend Testing
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.

Frontend Testingreact hookstest strategy
0 likes · 9 min read
Rethinking Frontend Testing: Move Away from Implementation‑Detail Focus to Real‑User Behavior
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 DevelopmentFrontend TestingJavaScript
0 likes · 12 min read
A Practical Guide to Frontend Testing: Understanding TDD, BDD, and Mastering Jest
JD Retail Technology
JD Retail Technology
Jun 29, 2020 · Frontend Development

Implementing End-to-End Testing with Puppeteer for the Tongtian Tower Build System

The article details how the Tongtian Tower team adopted Puppeteer for end‑to‑end testing of their web‑based build system, covering technology selection, core concepts, API usage, project architecture, practical challenges, and the measurable efficiency gains achieved through automation.

E2E testingFrontend TestingPuppeteer
0 likes · 11 min read
Implementing End-to-End Testing with Puppeteer for the Tongtian Tower Build System
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.

Frontend TestingSeleniumWeb Automation
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 TestingFrontend TestingReact Testing
0 likes · 16 min read
Frontend Automated Testing: A Comprehensive Guide
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.

End-to-End TestingFrontend TestingNode.js
0 likes · 4 min read
End-to-End Testing with Puppeteer: Automating User Interactions Across Frontend and Backend
Ctrip Technology
Ctrip Technology
Sep 19, 2018 · Operations

Improving Test Data Quality and Automation Efficiency: A Ctrip Ticket BU Case Study

This article explains how Ctrip's Ticket BU raised test coverage and engineering efficiency by enhancing test data quality, building information models, persisting data, creating a searchable data platform, and deploying backend traffic‑replay and frontend image‑comparison tools such as SnapDiff.

Frontend Testingbackend testingdata quality
0 likes · 10 min read
Improving Test Data Quality and Automation Efficiency: A Ctrip Ticket BU Case Study
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.

Distributed TestingFrontend TestingPuppeteer
0 likes · 11 min read
SnapDiff: An Automated Frontend Visual and Message Diff Testing Platform
Qunar Tech Salon
Qunar Tech Salon
Jul 21, 2017 · Frontend Development

Using Selenium with Headless Chrome, Mocha, Chai, and Karma for Front‑End Testing

This guide explains how to use Selenium WebDriver with headless Chrome, integrate BrowserStack and chromedriver, and combine Mocha, Chai, and Karma to write, configure, and run automated front‑end tests, including sample code and troubleshooting tips.

Frontend TestingKarmaSelenium
0 likes · 11 min read
Using Selenium with Headless Chrome, Mocha, Chai, and Karma for Front‑End Testing