Kiểm thử ứng dụng web: Làm thế nào để kiểm thử một trang web? Các loại kiểm thử
Thomas Hamilton
⚡ Tóm tắt thông minh
Web Application Testing verifies a website across functionality, usability, interface, database, compatibility, performance, security, and crowd checks before release, so defects surface in staging rather than in front of paying users.
Before we pen down more details on the types of web testing, let us quickly define web testing and see where it fits into the delivery cycle.
What is Web Application Testing?
Kiểm tra ứng dụng web, or website testing, is checking your web application or website for potential bugs before it is made live and is accessible to the general public. Web application testing checks the functionality, usability, security, compatibility, and performance of the web application or website.
During this stage, issues such as web application security, the functioning of the site, its access to handicapped as well as regular users, and its ability to handle traffic are checked.
A website is not one program. It is a stack: HTML, CSS, and JavaScript in the browser, plus API and databases on the server. A layer that passes alone can still fail once it talks to its neighbour, so web testing needs complementary techniques.
Types of Web Applications You Need to Test
Before choosing techniques, identify the architecture in front of you. The structure decides where defects concentrate and how you split effort between client and server.
| Archikiến trúc | Nó hoạt động như thế nào | What this means for testing |
|---|---|---|
| Ứng dụng một trang (SPA) | Loads once, then updates the view without full page reloads. Gmail works this way. | Most logic ships to the browser: focus on JavaScript state, dynamic rendering, and client-side sessions. |
| Multiple-Page Application (MPA) | Many pages reached through separate route URLs, rendered server-side. Common for e-commerce and news sites. | Navigation paths multiply: test every route, form, and redirect end to end. |
| Ứng dụng web tiến bộ (PWA) | Runs like a native app using service workers, a manifest, and an app shell. | Add offline behaviour, stale caches, push notifications, and install prompts. |
Most products mix these patterns. Confirm which one you are dealing with, then work through the eight techniques below.
Cách kiểm tra ứng dụng web hoặc trang web
Trong Kỹ thuật phần mềm, các loại/kỹ thuật thử nghiệm sau đây có thể được thực hiện tùy thuộc vào yêu cầu thử nghiệm web của bạn.
Each technique can be run manually or by script, and that choice drives cost more than coverage.
| Yếu tố | Kiểm tra bằng tay | Kiểm tra tự động |
|---|---|---|
| Phù hợp nhất với | Khả năng sử dụng và khám phá kiểm tra | Regression, cross-browser, load runs |
| Speed on repeat runs | Slow; effort repeats every cycle | Fast; the suite reruns on demand |
| Hồ sơ chi phí | Low upfront, rises every release | Higher upfront, then script maintenance |
1. Kiểm tra chức năng của trang web
Kiểm tra chức năng của một trang web là một quá trình bao gồm một số tham số thử nghiệm như giao diện người dùng, API, thử nghiệm cơ sở dữ liệu, thử nghiệm bảo mật, thử nghiệm máy khách và máy chủ cũng như các chức năng cơ bản của trang web. Kiểm tra chức năng rất thuận tiện và nó cho phép người dùng thực hiện cả kiểm tra thủ công và tự động. Nó được thực hiện để kiểm tra chức năng của từng tính năng trên trang web.
Web testing activities include:
Thử nghiệm tất cả các liên kết trong các trang web của bạn đang hoạt động bình thường và đảm bảo không có liên kết bị hỏng. Các liên kết cần kiểm tra sẽ bao gồm -
- Liên kết đi
- Liên kết nội bộ
- Anchor Liên kết
- MailĐể liên kết
Mẫu kiểm tra đang làm việc như mong đợi. Điều này sẽ bao gồm-
- Kiểm tra tập lệnh trên biểu mẫu đang hoạt động như mong đợi. Ví dụ: nếu người dùng không điền vào trường bắt buộc trong biểu mẫu thì thông báo lỗi sẽ hiển thị.
- Kiểm tra các giá trị mặc định đang được điền
- Sau khi gửi, dữ liệu trong biểu mẫu sẽ được gửi đến cơ sở dữ liệu trực tiếp hoặc được liên kết đến một địa chỉ email đang hoạt động
- Các biểu mẫu được định dạng tối ưu để dễ đọc hơn
Cookie thử nghiệm đang làm việc như mong đợi. Cookie là các tệp nhỏ được các trang web sử dụng để ghi nhớ chủ yếu các phiên hoạt động của người dùng, do đó bạn không cần phải đăng nhập mỗi khi truy cập trang web. Kiểm tra cookie sẽ bao gồm
- Cookie kiểm tra (phiên) sẽ bị xóa khi bộ nhớ đệm bị xóa hoặc khi chúng hết hạn.
- Xóa cookie (phiên) và kiểm tra xem thông tin đăng nhập có được yêu cầu khi bạn truy cập trang web lần sau không.
Kiểm tra HTML và CSS để đảm bảo rằng các công cụ tìm kiếm có thể thu thập dữ liệu trang web của bạn một cách dễ dàng. Điều này sẽ bao gồm
- Kiểm tra lỗi cú pháp
- Readable Lược đồ màu
- Tuân thủ tiêu chuẩn. Đảm bảo tuân thủ các tiêu chuẩn như W3C, OASIS, IETF, ISO, ECMA hoặc WS-I.
Kiểm tra quy trình làm việc của doanh nghiệp– Điều này sẽ bao gồm
- Kiểm tra các kịch bản kinh doanh/quy trình làm việc từ đầu đến cuối của bạn, đưa người dùng đi qua một loạt trang web để hoàn thành.
- Cũng kiểm tra các tình huống tiêu cực, chẳng hạn như khi người dùng thực hiện một bước không mong muốn, thông báo lỗi hoặc trợ giúp thích hợp sẽ được hiển thị trong ứng dụng web của bạn.
Công cụ có thể được sử dụng: QTP , IBM Hợp lý , Selenium
2. Kiểm tra khả năng sử dụng
Kiểm tra khả năng sử dụng giờ đây đã trở thành một phần quan trọng của bất kỳ dự án dựa trên web nào. Nó có thể được thực hiện bởi người thử nghiệm thích bạn hoặc một nhóm tập trung nhỏ tương tự như đối tượng mục tiêu của ứng dụng web.
Thử nghiệm trang web THÔNG TIN:
- Menu, nút hoặc Liên kết đến các trang khác nhau trên trang web của bạn phải dễ nhìn thấy và nhất quán trên tất cả các trang web
Thử nghiệm các Nội dung:
- Nội dung phải dễ đọc, không có lỗi chính tả hoặc ngữ pháp.
- Hình ảnh nếu có phải chứa văn bản “alt”
Công cụ có thể được sử dụng: Dấu phấn, nội dung vuôngvà Clixpy
3. Kiểm tra giao diện
Once features and usability hold up, check that the tiers behind them talk to each other. Three areas to be tested here are – Application, Web and Database Server
- Ứng dụng: Yêu cầu kiểm tra được gửi chính xác đến Cơ sở dữ liệu và đầu ra ở phía máy khách được hiển thị chính xác. Các lỗi nếu có phải được ứng dụng phát hiện và chỉ được hiển thị cho quản trị viên chứ không phải cho người dùng cuối.
- Web Server: Máy chủ Web thử nghiệm đang xử lý tất cả các yêu cầu ứng dụng mà không có bất kỳ sự từ chối dịch vụ nào.
- Máy chủ cơ sở dữ liệu: Đảm bảo các truy vấn được gửi đến cơ sở dữ liệu mang lại kết quả như mong đợi.
Kiểm tra phản hồi của hệ thống khi nào kết nối giữa ba lớp (Ứng dụng, Web và Cơ sở dữ liệu) Không thể được thành lập và thông báo thích hợp sẽ được hiển thị cho người dùng cuối.
Công cụ có thể được sử dụng: ranorex
4. Kiểm tra cơ sở dữ liệu
Cơ sở dữ liệu là một thành phần quan trọng trong ứng dụng web của bạn và bạn phải nỗ lực hết sức để kiểm tra nó một cách kỹ lưỡng. Các hoạt động thử nghiệm sẽ bao gồm-
- Kiểm tra xem có lỗi nào được hiển thị trong khi thực hiện truy vấn không
- Ngày Integrity được duy trì trong khi tạo, cập nhật hoặc xóa dữ liệu trong cơ sở dữ liệu.
- Kiểm tra thời gian phản hồi của các truy vấn và tinh chỉnh chúng nếu cần.
- Dữ liệu thử nghiệm được lấy từ cơ sở dữ liệu của bạn được hiển thị chính xác trong ứng dụng web của bạn
Công cụ có thể được sử dụng: QTP, Selenium
5. Kiểm tra khả năng tương thích
Compatibility testing ensures your web application displays and behaves correctly across different devices. This includes:
Kiểm tra khả năng tương thích của trình duyệt: Cùng một trang web trong các trình duyệt khác nhau sẽ hiển thị khác nhau. Bạn cần kiểm tra xem ứng dụng web của mình có được hiển thị chính xác trên các trình duyệt không, JavaScript, AJAX và xác thực đang hoạt động tốt. Bạn cũng có thể kiểm tra Số Điện Thoại Tính tương thích của trình duyệt web.
Việc hiển thị các thành phần web như nút, trường văn bản, v.v. thay đổi theo sự thay đổi về Operahệ thống ting. Đảm bảo trang web của bạn hoạt động tốt với nhiều sự kết hợp khác nhau của Operahệ thống ting như Windows, Linux, Mac và các trình duyệt như Firefox, Internet Explorer, Safari, v.v.
Công cụ có thể được sử dụng: Dynatrace
6. Kiểm tra hiệu suất
This will ensure your site works under all loads. Testing activities will include but not limited to –
- Thời gian phản hồi của ứng dụng trang web ở các tốc độ kết nối khác nhau
- Kiểm tra tải ứng dụng web của bạn để xác định hành vi của nó khi tải bình thường và cao điểm
- Kiểm tra căng thẳng trang web của bạn để xác định điểm dừng của nó khi bị đẩy vượt mức tải bình thường vào thời gian cao điểm.
- Kiểm tra xem có xảy ra sự cố do tải cao điểm hay không, trang web sẽ phục hồi như thế nào sau sự kiện đó
- Đảm bảo các kỹ thuật tối ưu hóa như nén gzip, bộ đệm phía trình duyệt và máy chủ được bật để giảm thời gian tải
Công cụ có thể được sử dụng: Loadrunner, JMeter
7. Kiểm tra bảo mật
Kiểm tra bảo mật rất quan trọng đối với trang web thương mại điện tử lưu trữ thông tin khách hàng nhạy cảm như thẻ tín dụng. Hoạt động kiểm tra sẽ bao gồm-
- Kiểm tra quyền truy cập trái phép vào các trang bảo mật không được phép
- Không thể tải xuống các tệp bị hạn chế nếu không có quyền truy cập thích hợp
- Phiên kiểm tra sẽ tự động bị hủy sau khi người dùng không hoạt động trong thời gian dài
- Khi sử dụng chứng chỉ SSL, trang web phải chuyển hướng đến các trang SSL được mã hóa.
Intruder
Intruder là một trình quét lỗ hổng mạnh mẽ sẽ giúp bạn phát hiện ra nhiều điểm yếu ẩn giấu trong các ứng dụng web và cơ sở hạ tầng cơ bản của bạn. Cung cấp các biện pháp kiểm tra bảo mật hàng đầu trong ngành, giám sát liên tục và nền tảng dễ sử dụng, Intruder giữ cho các doanh nghiệp thuộc mọi quy mô an toàn trước tin tặc.
Tính năng
- Bảo hiểm mối đe dọa tốt nhất trong lớp với hơn 10,000 lần kiểm tra an ninh
- Kiểm tra các điểm yếu về cấu hình, các bản vá bị thiếu, điểm yếu của ứng dụng (chẳng hạn như SQL SQL & tập lệnh chéo trang), v.v.
- Tự động phân tích và ưu tiên kết quả quét
- Giao diện trực quan, thiết lập và chạy lần quét đầu tiên nhanh chóng
- Giám sát bảo mật chủ động đối với các lỗ hổng mới nhất
- AWS, Azurevà Google Cloud kết nối
- Tích hợp API với quy trình CI/CD của bạn
8. Kiểm tra đám đông
You will select a large number of people (crowd) to execute tests which otherwise would have been executed by a small in-house group. Crowdsourced testing is an interesting and upcoming concept and helps unravel many an unnoticed defect.
Công cụ có thể được sử dụng: Nền tảng thử nghiệm đám đông
Web Application Testing Process: Step-by-Step
The eight techniques tell you what to check. The process below tells you when to run them.
- Gather and clarify requirements. List what the application must do and how it should behave. Ambiguous requirements produce untestable expectations, so resolve them first. This step anchors web testing in the wider vòng đời kiểm thử phần mềm.
- Write the test plan. Decide which techniques apply, who runs them, which tools are needed, and on what timeline. The plan is your roadmap and your estimate.
- Develop test cases. Turn each requirement into concrete steps with expected results, covering both the happy path and the negative scenarios users trigger by accident.
- Set up the test environment. Mirror production as closely as budget allows: the same browser and operating system pairs, comparable data volumes, realistic network speeds.
- Execute the tests. Run the cases, record actual against expected results, and capture screenshots, console output, and server logs while the failure is still reproducible.
- Báo cáo và track khuyết tật. Log each one with steps to reproduce and a priority, then retest after the fix and confirm nothing nearby broke.
- Close the cycle. Produce a test summary covering what was tested, what was found, what remains open, and what to improve, then sign off for release.
⚠️ Plan the schedule, not just the tests: Web testing is arduous, and deadline pressure is the obstacle you hit first, followed by repeated code changes that invalidate finished work. Define every task in step 2 and build a work chart from it.
