Add codegen til

Author: konekoya

python/user-playwright-codegen-to-automatically-record-ui-interactions.md

@@ -0,0 +1,74 @@
+# Use Playwright Codegen to Automatically Record UI Interactions
+
+Playwright has a neat feature of recording user interaction and automatically
+generate source code for you. This would save you a lot of time and automate many
+of your day to day work if the tasks can be done by a browser.
+
+The following example will show you how to record an UI operation that we visit
+the playwright.dev docs and search for this codegen feature and then move on to
+the next page:
+
+First, create a venv:
+
+```sh
+python3 -m venv venv
+```
+
+Then, install the package
+
+```sh
+pip install pytest-playwright
+```
+
+And run the codegen command:
+
+```sh
+playwright codegen
+```
+
+> Note that you might need to run `playwright install` command if you haven't installed any chromium browser on your machine before
+
+After running the codegen, you should now have two browsers opened, one is the main chromium browser and the other is a UI for recorded actions.
+
+Here is a piece of code that's generated by the codegen after running thru the actions that we mentioned in the above:
+
+```py
+import time
+
+from playwright.sync_api import Playwright, expect, sync_playwright
+
+
+def run(playwright: Playwright) -> None:
+    browser = playwright.chromium.launch(headless=False)
+    context = browser.new_context()
+    page = context.new_page()
+    page.goto("https://playwright.dev/")
+    page.get_by_role("button", name="Search").click()
+    page.get_by_placeholder("Search docs").fill("codegen")
+    page.locator("#docsearch-item-0").get_by_role("link",
+                                                  name="Running Codegen​ Test generator").click()
+    page.get_by_role(
+        "heading", name="Running CodegenDirect link to Running Codegen").click()
+
+    page.mouse.wheel(0, 4000)
+
+    # These sleeps help to slow down the UI interactions so you can see what's actually done during the run
+    time.sleep(2)
+    page.locator(".pagination-nav__link--next").click()
+    time.sleep(3)
+
+    # ---------------------
+    context.close()
+    browser.close()
+
+
+with sync_playwright() as playwright:
+    run(playwright)
+
+```
+
+References:
+
+- [THIS is Playwrights BEST Feature for Web Automation
+  ](https://www.youtube.com/watch?v=oPjfDkge8Vc&t=14s&ab_channel=JohnWatsonRooney) - Awesome video tutorial by John Rooney on how to work with codegen
+- [Running Codegen](https://playwright.dev/docs/codegen-intro#running-codegen) - Playwright docs for how to run codegen

readme.md

@@ -16,6 +16,7 @@ Inspired by [Josh Branchaud](https://dev.to/jbranchaud/how-i-built-a-learning-ma
 - [Display Web Scraping Data with Pandas](/python/display-web-scraping-data-with-pandas.md)
 - [Scrape Data From an API Endpoint](/python/scrape-data-from-an-api-endpoint.md)
 - [Scrape Dynamic Data with Playwright](/python/scrape-dynamic-data-with-playwright.md)
+- [Use Playwright Codegen to Automatically Record UI Interactions](python/user-playwright-codegen-to-automatically-record-ui-interactions.md)
 
 ## CSS