public/uploads/rules/playwright with-ai/rule (PR from TinaCMS) by tina-cloud-app[bot] · Pull Request #12659 · SSWConsulting/SSW.Rules.Content

tina-cloud-app · 2026-05-05T05:16:06Z

Summary of Changes

Introducing a new rule regarding Playwright, and how to use it with your AI Agents, and recommended best practices

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

github-actions · 2026-05-05T05:16:21Z

🔍 Preview PR Changes

View updated pages in edit mode:

Branch: tina/public/uploads/rules/playwright-with-ai/rule

github-actions · 2026-05-05T05:17:16Z

Hi @tina-cloud-app[bot],

Rule: ../../public/uploads/rules/playwright-with-ai/rule.mdx

Issues Detected:

must have required property 'seoDescription'
must have required property 'authors'

Please fix the Frontmatter in your Markdown files.

github-actions · 2026-05-05T05:26:19Z

👋 Hi @suiyangqiu,

This PR is currently in Draft mode. To help it get reviewed and merged:

✍️ Update PR title & add a description - Explain what changes you've made and why
✅ Mark as ready for review - Click "Ready for review" when you're done
👥 Add reviewers - Assign people to review your changes
📣 Notify reviewers - Message or call them to let them know the PR is ready

Once you've completed these steps, your PR will be ready for approval!

This is an automated reminder to help reduce draft PRs without descriptions or reviewers.

Add full rule content covering the four ways to combine Playwright with AI coding agents: the Playwright MCP server, the CLI plus codegen, and the official Test Agents (Planner, Generator, Healer). Includes good/bad examples, install snippets for Claude Code, VS Code, Cursor, and best-practice guidance on locator strategy and the record-then-refine workflow. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

Add a new "Using Playwright for AI-driven development" section covering the inner-loop dev workflow (verify changes, reproduce bugs, explore before editing, deep-link iteration, component playground checks, network mocking) - the under-served angle where the agent uses Playwright to close its own "is it done?" loop rather than for testing. Replace the best-practices bullets with a tighter mix of agent behaviour and setup safety: POM, run-before-declare-success, role-based locators, scoped origins with --isolated, and one-test- at-a-time iteration. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

Lewkans · 2026-05-06T06:01:46Z

+
+Without access to a browser, agents have to guess and assume what the UI looks like. This means that it writes selectors blindly, and can't see the results of its own changes. In turn, it can ship tests that break the moment they're run and build features that look completely wrong without a second thought.
+
+By giving the agent Playwright, we can close this loop and set up a sort of iterative inner loop for the agent to check its own changes, allowing for:


Suggested change

By giving the agent Playwright, we can close this loop and set up a sort of iterative inner loop for the agent to check its own changes, allowing for:

By giving the agent access to Playwright, we can close this loop and set up an iterative inner loop for the agent to check its own changes, allowing for:

Lewkans · 2026-05-06T06:13:10Z

+
+For most day-to-day test authoring, building, and usage, the Playwright CLI driven by your AI Agent is faster and cheaper than using the MCP to drive. In many cases, using the CLI with a coding agent uses approximately **4x fewer tokens** compared to a run with the same prompt to an agent using the MCP.
+
+### Using Playwright CLI with Codegen (Optional)


is there a link to it? or is it part of the cli installation as optional? Would be good to clarify this in the first line

Co-authored-by: Lewis Toh [SSW] <88498002+Lewkans@users.noreply.github.com>

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

0e9f81b

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

github-actions Bot assigned suiyangqiu May 5, 2026

github-actions Bot added the Age: 🥚 - New About 2 hours old label May 5, 2026

suiyangqiu and others added 4 commits May 5, 2026 15:32

XS ◾ Auto-update category index list to include new rule

cf1a05f

TinaCMS content update

596d75f

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

63857d0

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

github-actions Bot added Age: 🐥 - Adolescent About 8 hours old Age: 🐤 - Mature About 16 hours old Age: 🐓 - Old About 32 hours old and removed Age: 🥚 - New About 2 hours old Age: 🐥 - Adolescent About 8 hours old Age: 🐤 - Mature About 16 hours old labels May 5, 2026

tina-cloud-app Bot and others added 7 commits May 6, 2026 01:28

TinaCMS content update

578a123

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

fe102d3

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

6e38cf6

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

73e7f3d

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

69f4581

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

TinaCMS content update

e62f7db

Co-authored-by: Michael Qiu <MichaelQiu@ssw.com.au>

suiyangqiu marked this pull request as ready for review May 6, 2026 05:29

github-actions Bot added the Age: 🥚 - New About 2 hours old label May 6, 2026

Lewkans approved these changes May 6, 2026

View reviewed changes

github-actions Bot removed the Age: 🥚 - New About 2 hours old label May 6, 2026

suiyangqiu and others added 3 commits May 6, 2026 17:07

Update public/uploads/rules/playwright-with-ai/rule.mdx

2ff3528

Co-authored-by: Lewis Toh [SSW] <88498002+Lewkans@users.noreply.github.com>

TinaCMS content update

dfeca0d

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

96ce11c

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

0xharkirat and others added 5 commits May 6, 2026 17:42

TinaCMS content update

5045bdf

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

fba3aa9

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

2089105

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

b550135

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

TinaCMS content update

d08f4ba

Co-authored-by: Hark Singh [SSW] <harksingh@ssw.com.au>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

public/uploads/rules/playwright with-ai/rule (PR from TinaCMS)#12659

public/uploads/rules/playwright with-ai/rule (PR from TinaCMS)#12659
tina-cloud-app[bot] wants to merge 20 commits intomainfrom
tina/public/uploads/rules/playwright-with-ai/rule

tina-cloud-app Bot commented May 5, 2026 •

edited by suiyangqiu

Loading

Uh oh!

github-actions Bot commented May 5, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented May 5, 2026

Uh oh!

github-actions Bot commented May 5, 2026

Uh oh!

Lewkans May 6, 2026

Uh oh!

Uh oh!

Lewkans May 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants


		Without access to a browser, agents have to guess and assume what the UI looks like. This means that it writes selectors blindly, and can't see the results of its own changes. In turn, it can ship tests that break the moment they're run and build features that look completely wrong without a second thought.

		By giving the agent Playwright, we can close this loop and set up a sort of iterative inner loop for the agent to check its own changes, allowing for:

	By giving the agent Playwright, we can close this loop and set up a sort of iterative inner loop for the agent to check its own changes, allowing for:
	By giving the agent access to Playwright, we can close this loop and set up an iterative inner loop for the agent to check its own changes, allowing for:


		For most day-to-day test authoring, building, and usage, the Playwright CLI driven by your AI Agent is faster and cheaper than using the MCP to drive. In many cases, using the CLI with a coding agent uses approximately 4x fewer tokens compared to a run with the same prompt to an agent using the MCP.

		### Using Playwright CLI with Codegen (Optional)

Conversation

tina-cloud-app Bot commented May 5, 2026 • edited by suiyangqiu Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented May 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔍 Preview PR Changes

Uh oh!

github-actions Bot commented May 5, 2026

Rule: ../../public/uploads/rules/playwright-with-ai/rule.mdx

Uh oh!

github-actions Bot commented May 5, 2026

Uh oh!

Lewkans May 6, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Lewkans May 6, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

tina-cloud-app Bot commented May 5, 2026 •

edited by suiyangqiu

Loading

github-actions Bot commented May 5, 2026 •

edited

Loading