Author: Chu Vụ

Khám Phá Sức Mạnh Của Playwright MCP Qua 1 Dự Án Test Cơ Bản

Posted on by Chu Vụ

Bạn đang tìm một công cụ giúp viết test E2E bằng ngôn ngữ tự nhiên mà không cần nhiều kỹ năng lập trình? Hãy thử ngay Playwright MCP – một công cụ từ Microsoft giúp bạn chạy test tự động dễ dàng hơn bao giờ hết.

Trong bài viết này, tôi sẽ hướng dẫn bạn trải nghiệm Playwright MCP trong VS Code, từ khâu cài đặt đến viết test và chạy test thực tế với một ứng dụng mẫu đơn giản.

Playwright MCP là gì?

Playwright MCP là một dự án mã nguồn mở của Microsoft, cho phép bạn mô tả các kịch bản kiểm thử bằng ngôn ngữ tự nhiên (tiếng Anh, tiếng Việt, tiếng Nhật, v.v.) và tự động chuyển đổi thành test case chạy được bằng Playwright. Công cụ này giúp giảm thời gian viết test thủ công, đồng thời dễ dàng trao đổi test plan giữa dev, QA và non-tech team.

Điểm nổi bật:

  • Viết test bằng ngôn ngữ tự nhiên

  • Không cần lập trình nhiều

  • Hỗ trợ đa ngôn ngữ

  • Phù hợp cho QA, PM, hoặc Non-dev

Yêu cầu hệ thống:

Để sử dụng Playwright MCP với VS Code, bạn cần chuẩn bị:

Bước 1: Chuẩn bị ứng dụng test đơn giản

Trong bài viết này tôi sẽ sử dụng trang mẫu của WebScraper.io để test:

Link website test: https://webscraper.io/test-sites/e-commerce/allinone

Bước 2: Viết test case bằng ngôn ngữ tự nhiên

  • Test Case VI: Đi tới trang test e-commerce và bấm vào danh mục ‘Laptops’. Kiểm tra rằng có sản phẩm ‘MacBook’.
  • Test Case EN: Go to the e-commerce test site and click on ‘Laptops’ category. Verify that the page contains ‘MacBook’.
  • Test Case JP: eコマースのテストサイトにアクセスして、「Laptops」カテゴリをクリックします。「MacBook」という商品が表示されていることを確認します。

Bước 3: Cài đặt Playwright MCP trên VSCode

Tại màn hình VSCode nhấn tổ hợp phím Cmd + Shift + P (trên windows bạn thay Cmd thành Ctrl nhé) và search “MCP Add Server”

Tiếp tục chọn “NPM Package”

Nhập vào “@playwright/mcp” và nhấn Enter

playwright mcp
playwright mcp

Enter cho đến khi xuất hiện setting.json là bạn đã cài đặt thành công playwright-mcp trên vscode

Bước 4: Cài đặt test trên VSCode

Nhấn tổ hợp phím Cmd + Shift + I để mở giao diện chat với AI, tại bài này tôi dùng Github Copilot, Tại đây bạn hãy chuyển sang chế độ “Agent”

Tiếp theo, chọn tools cho Agent

Vậy là bước setup đã xong. Giờ chúng ta hãy thử một test case bằng ngôn ngữ tự nhiên
Nhập prompt và nhấn enter:
Hãy mở website https://webscraper.io/test-sites/e-commerce/allinone và bấm vào danh mục ‘Laptops’. Kiểm tra rằng có sản phẩm ‘MacBook’.

Dưới đây là toàn bộ quá trình mà Playwright MCP hoạt động hoàn toàn tự động.

Tóm tắt các bước:

  1. Mở trang web: https://webscraper.io/test-sites/e-commerce/allinone

  2. Điều hướng đến danh mục Computers

  3. Sau đó nhấp vào danh mục con Laptops

  4. Xác minh rằng có nhiều sản phẩm MacBook, bao gồm cả MacBook Air và MacBook Pro

 

Như các bạn thấy nó có độ chính xác rất cao, cụ thể như sau

  • An “Apple MacBook Air 13.3” product with Core i5 1.8GHz, 8GB, 128GB SSD, Intel HD 4000
  • This item is listed with a price of $1101.83
  • It has 4 reviews

There are also a couple of other MacBook models on the page:

  • “Apple MacBook Air 13″ with i5 1.8GHz, 8GB, 256GB SSD, Intel HD 6000” priced at $1260.13

  • “Apple MacBook Pro 13″ Space Gray” with Core i5 2.3GHz, 8GB, 128GB SSD, Iris Plus 640 priced at $1333

Kết luận

Playwright MCP mang đến một trải nghiệm test tự động mạnh mẽ, dễ tiếp cận và đặc biệt phù hợp với cả người mới bắt đầu lẫn các kỹ sư kiểm thử chuyên nghiệp. Qua việc xây dựng một ứng dụng test đơn giản, chúng ta có thể thấy rõ khả năng tương tác linh hoạt, hỗ trợ đa trình duyệt và khả năng mở rộng của công cụ này. Nếu bạn đang tìm kiếm một giải pháp kiểm thử hiện đại, dễ tích hợp và có cộng đồng hỗ trợ mạnh mẽ, Playwright MCP chắc chắn là một lựa chọn đáng cân nhắc.

 

GitHub Copilot và Cursor AI: Đâu Là Trợ Lý Lập Trình AI Tốt Nhất 2025?

Posted on by Chu Vụ
GitHub Copilot và Cursor AI
GitHub Copilot và Cursor AI

Trong giới lập trình ngày nay, trí tuệ nhân tạo (AI) đang dần trở thành người bạn đồng hành đáng tin cậy của các nhà phát triển. Hai trong số những trợ lý lập trình AI nổi bật hiện nay là GitHub Copilot và Cursor AI. Mỗi công cụ mang đến những trải nghiệm độc đáo, hỗ trợ lập trình viên viết mã hiệu quả và sáng tạo hơn. Hãy cùng khám phá và so sánh chi tiết hai trợ lý này để tìm ra lựa chọn phù hợp nhất cho bạn.

Sự phát triển của AI đã mở ra những chân trời mới trong lĩnh vực lập trình. Từ việc tự động hoàn thành mã đến gợi ý cấu trúc phức tạp, AI đang giúp lập trình viên tiết kiệm thời gian và giảm thiểu sai sót. Trong bối cảnh đó, GitHub Copilot và Cursor AI xuất hiện như những giải pháp hàng đầu, mang đến những tính năng hỗ trợ mạnh mẽ và linh hoạt.

Tổng quan về GitHub Copilot

Github Copilot
Github Copilot

  • Lịch sử phát triển và nhà phát triển

    GitHub Copilot là sản phẩm hợp tác giữa GitHub và OpenAI, ra mắt vào năm 2021. Với sự kết hợp giữa kho mã nguồn phong phú của GitHub và mô hình ngôn ngữ tiên tiến của OpenAI, Copilot nhanh chóng trở thành công cụ hỗ trợ đắc lực cho lập trình viên.

  • Các tính năng chính

    • Hoàn thành mã tự động: Copilot cung cấp gợi ý mã theo ngữ cảnh, giúp lập trình viên viết mã nhanh chóng và chính xác.

    • Hỗ trợ đa ngôn ngữ lập trình: Từ Python, JavaScript đến Ruby và Go, Copilot đáp ứng nhu cầu của nhiều lập trình viên với đa dạng ngôn ngữ.

    • Tích hợp sâu với Visual Studio Code: Copilot hoạt động mượt mà trong môi trường Visual Studio Code, mang lại trải nghiệm liền mạch cho người dùng.

  • Ưu điểm

    • Gợi ý mã chính xác và phù hợp ngữ cảnh: Dựa trên ngữ cảnh hiện tại, Copilot đưa ra các gợi ý mã phù hợp, giúp tiết kiệm thời gian và công sức.

    • Học hỏi từ cộng đồng mã nguồn mở: Với quyền truy cập vào kho mã nguồn mở khổng lồ trên GitHub, Copilot liên tục cập nhật và cải thiện khả năng gợi ý.

  • Nhược điểm

    • Gợi ý đôi khi không chính xác: Mặc dù mạnh mẽ, nhưng đôi khi Copilot có thể đưa ra các gợi ý không phù hợp hoặc lỗi thời.

    • Vấn đề về bảo mật và bản quyền: Sử dụng mã gợi ý từ Copilot có thể dẫn đến lo ngại về bản quyền và bảo mật, đặc biệt khi mã được lấy từ các nguồn không rõ ràng.

Tổng quan về Cursor AI

Cursor AI
Cursor AI

  • Giới thiệu về công cụ và nhà phát triển

    Cursor AI là một môi trường phát triển tích hợp (IDE) được tăng cường bởi AI, phát triển bởi Anysphere Inc. Được xây dựng dựa trên Visual Studio Code, Cursor mang đến trải nghiệm lập trình mới mẻ với sự hỗ trợ mạnh mẽ từ AI.  Nằm trong top 15 AI dược đề xuất mạnh nhất hiện nay

  • Các tính năng nổi bật

    • Hoàn thành mã đa dòng: Cursor có khả năng gợi ý và hoàn thành nhiều dòng mã cùng lúc, giúp tăng tốc quá trình phát triển.

    • Tạo mã tự động với Composer: Composer của Cursor có thể tạo ra toàn bộ ứng dụng dựa trên mô tả, hỗ trợ nhiều ngôn ngữ lập trình trong cùng một dự án.

    • Chức năng chat nhận biết ngữ cảnh: Tính năng chat của Cursor có khả năng hiểu ngữ cảnh và hỗ trợ cả hình ảnh, giúp lập trình viên dễ dàng tương tác và nhận gợi ý từ AI.

  • Ưu điểm

    • Tích hợp AI sâu sắc: Cursor không chỉ là một công cụ hỗ trợ mà còn là một trình soạn thảo mã với AI tích hợp, mang lại trải nghiệm liền mạch cho người dùng.

    • Khả năng tùy chỉnh cao: Người dùng có thể tùy chỉnh và mở rộng chức năng của Cursor theo nhu cầu cá nhân.

  • Nhược điểm

    • Cộng đồng người dùng còn hạn chế: So với các công cụ khác, Cursor vẫn đang trong giai đoạn phát triển và có cộng đồng người dùng nhỏ hơn.

    • Tài liệu hướng dẫn chưa phong phú: Do mới ra mắt, tài liệu và hướng dẫn sử dụng Cursor có thể chưa đáp ứng đầy đủ nhu cầu của người dùng.

So sánh chi tiết GitHub Copilot và Cursor AI

  • Hiệu suất và độ chính xác

    • GitHub Copilot: Được phát triển bởi GitHub và OpenAI, Copilot cung cấp gợi ý mã theo ngữ cảnh, giúp lập trình viên viết mã nhanh chóng và chính xác. Tuy nhiên, đôi khi Copilot có thể đưa ra các gợi ý không phù hợp hoặc lỗi thời.

    • Cursor AI: Là một môi trường phát triển tích hợp (IDE) được tăng cường bởi AI, Cursor cung cấp gợi ý mã chính xác và phù hợp với ngữ cảnh, đặc biệt hữu ích trong việc sửa lỗi và cập nhật API. Tuy nhiên, do còn mới, Cursor có thể gặp phải các gợi ý không chính xác hoặc không đầy đủ.

  • Khả năng tích hợp và hỗ trợ môi trường phát triển

    • GitHub Copilot: Tích hợp sâu với Visual Studio Code và các IDE khác như Neovim và JetBrains, hỗ trợ nhiều ngôn ngữ lập trình phổ biến, mang lại trải nghiệm liền mạch cho người dùng.

    • Cursor AI: Được xây dựng dựa trên Visual Studio Code, Cursor mang đến trải nghiệm lập trình mới mẻ với sự hỗ trợ mạnh mẽ từ AI. Tuy nhiên, do còn mới, khả năng tích hợp của Cursor có thể chưa đa dạng bằng Copilot.

  • Giá cả và mô hình kinh doanh

    • GitHub Copilot: Cung cấp gói dịch vụ với giá 10 USD/tháng hoặc 100 USD/năm cho cá nhân. Các sinh viên và chủ sở hữu dự án mã nguồn mở nổi bật có thể được sử dụng miễn phí.

    • Cursor AI: Hiện tại, Cursor cung cấp phiên bản miễn phí và phiên bản Pro với giá 20 USD/tháng, mang lại hiệu năng và tính năng vượt trội.

Bảng so sánh GitHub Copilot và Cursor AI

Tiêu chí GitHub Copilot Cursor AI
Độ chính xác Gợi ý mã chính xác theo ngữ cảnh, nhưng đôi khi lỗi thời Gợi ý chính xác, hỗ trợ tốt trong sửa lỗi và cập nhật API
Khả năng tích hợp Hỗ trợ Visual Studio Code, Neovim, JetBrains, v.v. Dựa trên Visual Studio Code, nhưng tích hợp chưa đa dạng
Hiệu suất Nhanh, nhưng đôi khi đưa ra mã không tối ưu Gợi ý tối ưu hơn trong một số trường hợp
Ngôn ngữ lập trình Hỗ trợ nhiều ngôn ngữ phổ biến Chủ yếu hỗ trợ JavaScript, Python và một số ngôn ngữ khác
Khả năng tự học Học từ dữ liệu mã nguồn mở trên GitHub Sử dụng AI để học từ code người dùng
Giá cả 10 USD/tháng hoặc 100 USD/năm (miễn phí cho sinh viên, dự án mã nguồn mở) 20 USD/tháng cho bản Pro, có bản miễn phí
Đối tượng phù hợp Lập trình viên muốn một công cụ ổn định, nhiều tính năng Những ai thích thử nghiệm môi trường phát triển mới
Hạn chế Đôi khi gợi ý mã cũ, chưa tối ưu Chưa phổ biến bằng Copilot, có thể gặp lỗi nhỏ

Kết luận

Cả  GitHub Copilot và Cursor AI đều là những trợ lý lập trình AI mạnh mẽ, mang lại nhiều lợi ích cho lập trình viên. Nếu bạn đang tìm kiếm một công cụ đã được kiểm chứng, tích hợp tốt với nhiều IDE và có cộng đồng người dùng rộng rãi, GitHub Copilot là lựa chọn phù hợp. Ngược lại, nếu bạn muốn trải nghiệm một môi trường phát triển tích hợp với AI, cung cấp các tính năng tiên tiến và không ngại thử nghiệm công cụ mới, Cursor AI đáng để xem xét. Việc lựa chọn giữa hai công cụ này phụ thuộc vào nhu cầu cụ thể và ngân sách của bạn.

Ứng dụng ChatGPT + Claude vào Business Analyst

Posted on by Chu Vụ

ChatGPT và Claude là hai mô hình ngôn ngữ lớn (Large Language Models – LLMs) được phát triển bởi OpenAI và Anthropic. Chúng có khả năng hiểu và tạo ra văn bản tự nhiên, xử lý thông tin phức tạp và hỗ trợ đa dạng các tác vụ liên quan đến ngôn ngữ và phân tích.

Lợi ích của việc sử dụng ChatGPT và Claude trong BA:

  1. Tăng tốc quá trình thu thập yêu cầu: Sử dụng AI để tạo ra các câu hỏi phỏng vấn, phân tích use cases và tổng hợp thông tin từ các bên liên quan.
  2. Cải thiện chất lượng tài liệu kỹ thuật: Tận dụng khả năng viết và chỉnh sửa của AI để tạo ra các tài liệu như đặc tả yêu cầu phần mềm, tài liệu thiết kế hệ thống và tài liệu API.
  3. Hỗ trợ phân tích và thiết kế: Sử dụng AI để hỗ trợ trong việc phân tích hệ thống, tạo ra các mô hình dữ liệu và thiết kế giao diện người dùng.
  4. Tối ưu hóa quy trình phát triển phần mềm: Áp dụng AI để phân tích và đề xuất cải tiến quy trình phát triển, testing và triển khai.
  5. Hỗ trợ ra quyết định kỹ thuật: Sử dụng AI như một công cụ hỗ trợ trong việc đánh giá các giải pháp kỹ thuật và lựa chọn công nghệ.

Để tận dụng tối đa khả năng của ChatGPT và Claude trong công việc của Business Analyst (BA) trong lĩnh vực kỹ thuật phần mềm, bạn có thể sử dụng cấu trúc prompt sau:

You are a [level] Business Analyst with [number of years] experience in software development, specializing in [specific domain/industry]. Your task is to [mô tả nhiệm vụ cụ thể]. [Example of the task or context (nếu cần)]. Please provide your response [rule response (nếu cần)].

Giải thích các thành phần:

  1. You are: Bắt đầu prompt bằng cách xác định vai trò cho AI.
  2. [level]: Xác định cấp độ kinh nghiệm, ví dụ: “Senior”, “Lead”, “Principal”.
  3. Business Analyst: Xác định vai trò cụ thể là Business Analyst.
  4. [number of years]: Chỉ định số năm kinh nghiệm, ví dụ: “5 years”, “10 years”.
  5. specializing in [specific domain/industry]: Xác định lĩnh vực hoặc ngành công nghiệp cụ thể, ví dụ: “e-commerce platforms”, “financial services software”, “healthcare IT systems”.
  6. Your task is to [mô tả nhiệm vụ cụ thể]: Mô tả chi tiết nhiệm vụ hoặc vấn đề cần giải quyết.
  7. [Example of the task or context] (tùy chọn): Cung cấp ví dụ cụ thể hoặc bối cảnh nếu cần.
  8. Please provide your response [rule response] (tùy chọn): Đặt ra các quy tắc hoặc ràng buộc cho câu trả lời, ví dụ: “in bullet points”, “with a focus on user stories”, “including a simple process diagram”.

Ví dụ sử dụng:

  1. Phân tích yêu cầu:
     You are a Senior Business Analyst with 8 years of experience in software development, specializing in e-commerce platforms. Your task is to analyze and refine the requirements for a new product recommendation feature. The feature should suggest products based on user browsing history and purchase patterns. Please provide your response in the form of user stories with acceptance criteria.
  2. Tạo tài liệu đặc tả:
     You are a Lead Business Analyst with 10 years of experience in software development, specializing in financial services software. Your task is to create a high-level software requirements specification (SRS) for a new mobile banking app. The app should include features such as account management, fund transfers, and bill payments. Please structure your response as an outline with main sections and key points for each section.
  3. Phân tích quy trình:
     You are a Principal Business Analyst with 15 years of experience in software development, specializing in healthcare IT systems. Your task is to analyze the current patient admission process in a hospital and propose improvements that can be implemented through software solutions. Please provide your response with a brief description of the current process, identified pain points, and suggested improvements, including a simple process flow diagram for the proposed solution.

© 2015 - 2025 Scuti. All rights reserved.