[Playwright] Test API sử dụng Playwright

Playwright có thể được sử dụng để test REST API cho ứng dụng của bạn. Viết API Test Để thực hiện ví dụ này. Chúng ta sẽ sử dụng mock api tại đây. Công việc của chúng ta sẽ bao gồm. Thêm một user mới Lấy danh sách users Xóa một user Config Thông thường,

Playwright có thể được sử dụng để test REST API cho ứng dụng của bạn.

Viết API Test

Để thực hiện ví dụ này. Chúng ta sẽ sử dụng mock api tại đây. Công việc của chúng ta sẽ bao gồm.

  • Thêm một user mới
  • Lấy danh sách users
  • Xóa một user

Config

Thông thường, với REST API chúng ta sẽ có một Base URL sử dụng chung cho các endpoints khác nhau. Ngoài ra thông thường với mỗi API đều sử dụng JWT để xác thực và chúng thường được gửi lên theo header.

// playwright.config.tsimport{ PlaywrightTestConfig }from'@playwright/test';const accessToken ='d0c3893a5ece5088da7cc59b8428e9aa1e04bee496e35ca70387a567004fa4fa';const config: PlaywrightTestConfig ={
  use:{// All requests we send go to this API endpoint.
    baseURL:'https://gorest.co.in/public/v2',
    extraHTTPHeaders:{
      Authorization:`Bearer ${accessToken}`,},},};exportdefault config;

Viết Test

Bây giờ chúng ta sẽ tạo file tests/api.spec.ts để bắt đầu.

test('should create a user',async({ request })=>{const newUser =await request.post(`/users`,{
    data:{
      email:'[email protected]',
      name:'Demo',
      gender:'male',
      status:'active',},});expect(newUser.ok()).toBeTruthy();});test('should get a list users requests',async({ request })=>{const issues =await request.get(`/users`);expect(issues.ok()).toBeTruthy();});

Setup and teardown

Chúng ta có thể setup sau khi test xong mỗi test case. Sẽ thực hiện clear data để tránh tình trạng có quá nhiều data rác.

test.afterAll(async({ request })=>{// Delete a userconst response =await request.delete(`/users/13769?access-token=${accessToken}`);expect(response.ok()).toBeTruthy();});

Tạm kết

Như vậy, chúng ta đã đi qua các ví dụ để có thể tương tác với REST API. Ở các bài tiếp theo, chúng ta sẽ làm việc với các ví dụ phức tạp hơn.

Nguồn: viblo.asia

Bài viết liên quan

7 Cách Tăng Tốc Ứng Dụng React Hiệu Quả Mà Bạn Có Thể Làm Ngay

React là một thư viện JavaScript phổ biến trong việc xây dựng giao diện người d

Trung Quốc “thả quân bài tẩy”: hàng loạt robot hình người!

MỘT CUỘC CÁCH MẠNG ROBOT ĐANG HÌNH THÀNH Ở TRUNG QUỐC Thượng Hải, ngày 13/5 –

9 Mẹo lập trình Web “ẩn mình” giúp tiết kiệm hàng giờ đồng hồ

Hầu hết các lập trình viên (kể cả những người giỏi) đều tốn thời gian x

Can GPT-4o Generate Images? All You Need to Know about GPT-4o-image

OpenAI‘s GPT-4o, introduced on March 25, 2025, has revolutionized the way we create visual con