AI Powered Test Automation Framework CoPilot and Playwright MCP

𝑺𝒆𝒍𝒆𝒏𝒊𝒖𝒎 𝑩𝑫𝑫 𝑻𝒆𝒔𝒕 𝑨𝒖𝒕𝒐𝒎𝒂𝒕𝒊𝒐𝒏 𝑭𝒓𝒂𝒎𝒆𝒘𝒐𝒓𝒌 𝒇𝒓𝒐𝒎 𝒔𝒄𝒓𝒂𝒕𝒄𝒉 𝒖𝒔𝒊𝒏𝒈 𝑮𝒊𝒕𝑯𝒖𝒃 𝑪𝒐𝑷𝒊𝒍𝒐𝒕 𝒂𝒏𝒅 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑴𝑪𝑷

𝐻𝑜𝑤 𝑡𝑜 𝐷𝑒𝑠𝑖𝑔𝑛 𝑎 𝑇𝑒𝑠𝑡 𝐴𝑢𝑡𝑜𝑚𝑎𝑡𝑖𝑜𝑛 𝐹𝑟𝑎𝑚𝑒𝑤𝑜𝑟𝑘 𝑓𝑟𝑜𝑚 𝑠𝑐𝑟𝑎𝑡𝑐ℎ, 𝑚𝑜𝑠𝑡 𝑤𝑖𝑑𝑒𝑙𝑦 𝑎𝑠𝑘𝑒𝑑 𝐼𝑛𝑡𝑒𝑟𝑣𝑖𝑒𝑤 𝑞𝑢𝑒𝑠𝑡𝑖𝑜𝑛. 𝘼𝙩 𝙩𝙝𝙚 𝙚𝙣𝙙 𝙤𝙛 𝙩𝙝𝙞𝙨 𝙫𝙞𝙙𝙚𝙤, 𝙮𝙤𝙪 𝙬𝙞𝙡𝙡 𝙜𝙖𝙞𝙣 𝙜𝙤𝙤𝙙 𝙪𝙣𝙙𝙚𝙧𝙨𝙩𝙖𝙣𝙙𝙞𝙣𝙜 𝙤𝙣 𝙝𝙤𝙬 𝙩𝙤 𝙙𝙚𝙨𝙞𝙜𝙣 𝙖𝙣 𝙖𝙪𝙩𝙤𝙢𝙖𝙩𝙞𝙤𝙣 𝙛𝙧𝙖𝙢𝙚𝙬𝙤𝙧𝙠

How we will 𝘭𝘦𝘷𝘦𝘳𝘢𝘨𝘦 𝘵𝘩𝘦 𝘴𝘢𝘮𝘦 let us understand

𝑮𝒊𝒕𝑯𝒖𝒃 𝑪𝒐𝑷𝒊𝒍𝒐𝒕 in 𝘼𝙜𝙚𝙣𝙩 𝙈𝙤𝙙𝙚: 𝑪𝒐𝑷𝒊𝒍𝒐𝒕 𝘼𝙜𝙚𝙣𝙩 𝙈𝙤𝙙𝙚 has capabilities to 𝙧𝙚𝙖𝙙 the framework, 𝙘𝙧𝙚𝙖𝙩𝙚 files, 𝙪𝙥𝙙𝙖𝙩𝙚 the files, 𝙧𝙪𝙣 𝙘𝙤𝙢𝙢𝙖𝙣𝙙 in terminal. All

𝙇𝙇𝙈: Good at generating the data based on input

𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑴𝑪𝑷: 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑴𝑪𝑷 has capabilities to interact with browser and fetch the locators of the page in real time

Now Let us understand 𝙎𝙩𝙚𝙥 𝙗𝙮 𝙎𝙩𝙚𝙥:

1. We will create a Maven project first and then enable 𝑮𝒊𝒕𝑯𝒖𝒃 𝑪𝒐𝑷𝒊𝒍𝒐𝒕 in IntelliJ

2. Switch to 𝘼𝙜𝙚𝙣𝙩 𝙈𝙤𝙙𝙚 of GitHub CoPilot

3. Choose 𝘾𝙡𝙖𝙪𝙙𝙚 𝙢𝙤𝙙𝙚𝙡𝙨 𝙖𝙨 𝙩𝙝𝙚𝙮 𝙖𝙧𝙚 𝙜𝙤𝙤𝙙 𝙖𝙩 𝙘𝙤𝙙𝙞𝙣𝙜

4. Configure 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑴𝑪𝑷 in 𝑮𝒊𝒕𝑯𝒖𝒃 𝑪𝒐𝑷𝒊𝒍𝒐𝒕

5. Write a 𝙥𝙧𝙤𝙢𝙥𝙩 𝙩𝙤 𝙘𝙧𝙚𝙖𝙩𝙚 𝙖 𝙎𝙚𝙡𝙚𝙣𝙞𝙪𝙢 𝘽𝘿𝘿 𝘽𝙖𝙨𝙚𝙙 𝙛𝙧𝙖𝙢𝙚𝙬𝙤𝙧𝙠 from scratch

6. Proceed with creation of 𝙨𝙠𝙚𝙡𝙚𝙩𝙤𝙣 first

7. Then, move on and provide 𝙩𝙚𝙨𝙩 𝙘𝙖𝙨𝙚𝙨 to it, to 𝙖𝙪𝙩𝙤𝙢𝙖𝙩𝙚 the same and 𝙞𝙣𝙟𝙚𝙘𝙩 them in framework

Here 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑴𝑪𝑷 will first perform the user journey on browser and will 𝙘𝙤𝙡𝙡𝙚𝙘𝙩 𝙩𝙝𝙚 𝙡𝙤𝙘𝙖𝙩𝙤𝙧𝙨.

Then LLM will analyze and generate it in proper format

At, Last 𝑮𝒊𝒕𝑯𝒖𝒃 𝑪𝒐𝑷𝒊𝒍𝒐𝒕 in Agent mode will 𝙘𝙧𝙚𝙖𝙩𝙚 files and 𝙞𝙣𝙟𝙚𝙘𝙩 the code in files.

8. We are now good to go

Let us meet in video:    • Видео  


𝑨𝒅𝒅𝒊𝒕𝒊𝒐𝒏𝒂𝒍 𝑹𝒆𝒔𝒐𝒖𝒓𝒄𝒆𝒔:
1. What is MCP?
   • What is MCP Model Context Protocol | MCP I...  

2. What is GitHub CoPilot?
   • GitHub Co Pilot - An AI Coding Assistant |...  
   • GitHub Co Pilot - An AI Coding Assistant |...  

3. Selenium MCP?
   • Mastering Selenium MCP Server | Integratio...  

4. Playwright MCP:
   • Playwright MCP for Browser Automation | Pa...  

5. Github Copilot in Agent Mode
   • GitHub Co Pilot - An AI Coding Assistant |...  

Regards
PrinceAutomationDestination