Join the 1-day Testing & QA Summit featuring 15+ Expert Speakers.Register for FREE! 
How to use eval_on_selector method in Playwright Python
Best Python code snippet using playwright-python
main.py
Source:main.py 
...87 print(item_matches)88 if len(item_matches) > 0:89 # select the closest one90 button_selector = f'(//div[@class="buy-box"])[{item_matches[0][2]}]/*[contains(@class, "button")]'91 button_class_dict: Dict[str, str] = await page.eval_on_selector(92 button_selector,93 '(button) => button.classList',94 )95 if 'custom' not in button_class_dict.values():96 # just click on the button97 await page.click(button_selector, click_count=input.quantity)98 item_title = await page.eval_on_selector(99 '(//div[@class="buy-box"])[1]/div[@class="left"]/p',100 '(title) => title.innerText',101 )102 items.append({'name': item_title, 'quantity': input.quantity})103 else:104 # go into customization105 await page.click(button_selector)106 await page.wait_for_timeout(500)107 # get the first sub-item108 item_title = await page.eval_on_selector(109 '(//h1[@class="title"])[1]',110 '(title) => title.innerText',111 )112 await page.fill('//input[contains(@class, "count")]', str(input.quantity))113 await page.wait_for_timeout(500)114 await page.click('button.to-cart')115 await page.wait_for_timeout(1000)116 await page.goto('https://mcd.cn/product')117 # await page.click('div:text("é¤åèå")')118 items.append({'name': item_title, 'quantity': input.quantity})119 else:120 result_count = await page.eval_on_selector_all(121 '//div[@class="buy-box"]/div[@class="left"]/p',122 '(boxes) => boxes.length',123 )124 # pick one at random125 item_idx = random.sample(range(1, result_count + 1), input.quantity)126 for idx in item_idx:127 button_selector = f'(//div[@class="buy-box"])[{idx}]/*[contains(@class, "button")]'128 button_class_dict: Dict[str, str] = await page.eval_on_selector(129 button_selector,130 '(button) => button.classList',131 )132 if 'custom' not in button_class_dict.values():133 # just click on the button134 await page.click(button_selector, click_count=1)135 item_title = await page.eval_on_selector(136 '(//div[@class="buy-box"])[1]/div[@class="left"]/p',137 '(title) => title.innerText',138 )139 items.append({'name': item_title, 'quantity': 1})140 else:141 # go into customization142 await page.click(button_selector)143 await page.wait_for_timeout(500)144 # get the first sub-item145 item_title = await page.eval_on_selector(146 '(//h1[@class="title"])[1]',147 '(title) => title.innerText',148 )149 await page.fill('//input[contains(@class, "count")]', '1')150 await page.wait_for_timeout(500)151 await page.click('button.to-cart')152 await page.wait_for_timeout(1000)153 items.append({'name': item_title, 'quantity': 1})154 # await page.click('div:text("é¤åèå")')155 await page.goto('https://mcd.cn/product')156 await page.wait_for_timeout(2000)157 await page.fill('//input[contains(@placeholder, "æå¤")]', input.query)158 await page.click('button.ant-input-search-button')159 await page.wait_for_timeout(1000)160 state = 'ordered'161 metadata = {'items': items}162 sessions[session_id] = (session, browser, page, state)163 return SessionOutput(id=session_id, state=state, metadata=metadata)164 except KeyError:165 raise HTTPException(state_code=404, detail='session not found')166@app.post('/sessions/{session_id}/cart/clear', response_model=SessionOutput)167async def clear_session_cart(session_id: str):168 try:169 session, browser, page, state = sessions[session_id]170 await page.click('//div[@class="car"]')171 await page.wait_for_timeout(500)172 await page.click('span:text("æ¸
空è´ç©è½¦")')173 await page.wait_for_timeout(500)174 await page.click('//div[@class="ant-popover-buttons"]/button[contains(@class, "ant-btn-primary")]')175 state = 'cart_cleared'176 sessions[session_id] = (session, browser, page, state)177 return SessionOutput(id=session_id, state=state)178 except KeyError:179 raise HTTPException(state_code=404, detail='session not found')180@app.get('/sessions/{session_id}/cart', response_model=SessionOutput)181async def get_session_cart(session_id: str):182 try:183 session, browser, page, state = sessions[session_id]184 cart_price_texts = await page.eval_on_selector_all(185 '//div[@class="price-info"]/span',186 '(spans) => spans.map((span) => span.innerText)',187 )188 address_texts = await page.eval_on_selector_all(189 '//div[@class="othpart address"]/div[@class="center"]/div',190 '(spans) => spans.map((span) => span.innerText)',191 )192 deliver_time_texts = await page.eval_on_selector_all(193 '//div[@class="othpart time"]/div[@class="center"]/div',194 '(spans) => spans.map((span) => span.innerText)',195 )196 checkout_button_class_dict: Dict[str, str] = await page.eval_on_selector(197 '//button[contains(@class, "to-check")]',198 '(button) => button.classList',199 )200 if 'grey' in checkout_button_class_dict.values():201 state = 'cart_empty'202 sessions[session_id] = (session, browser, page, state)203 return SessionOutput(204 id=session_id,205 state=state,206 metadata={207 'items': [],208 'cart_price_texts': cart_price_texts,209 'address_texts': address_texts,210 'deliver_time_texts': deliver_time_texts,...
test_html_select.py
Source:test_html_select.py
...82 # select / nothing selected ###########################################83 # initial value84 await page.goto(context.make_url('/select/nothing-selected/'))85 await page.wait_for_selector('select')86 selected_options = await page.eval_on_selector('select', GET_OPTIONS)87 assert selected_options == ['foo']88 for attempt in eventually():89 async with attempt:90 assert test_data['select/nothing-selected'] == 'foo'91 # user select92 await page.select_option('select', 'bar')93 selected_options = await page.eval_on_selector('select', GET_OPTIONS)94 assert selected_options == ['bar']95 for attempt in eventually():96 async with attempt:97 assert test_data['select/nothing-selected'] == 'bar'98 # select / pre selected ###############################################99 # initial value100 await page.goto(context.make_url('/select/pre-selected/'))101 await page.wait_for_selector('select')102 selected_options = await page.eval_on_selector('select', GET_OPTIONS)103 assert selected_options == ['bar']104 for attempt in eventually():105 async with attempt:106 assert test_data['select/pre-selected'] == 'bar'107 # user select108 await page.select_option('select', 'foo')109 selected_options = await page.eval_on_selector('select', GET_OPTIONS)110 assert selected_options == ['foo']111 for attempt in eventually():112 async with attempt:113 assert test_data['select/pre-selected'] == 'foo'114 # multi / nothing selected ############################################115 # initial value116 await page.goto(context.make_url('/multi-select/nothing-selected/'))117 await page.wait_for_selector('select')118 selected_options = await page.eval_on_selector('select', GET_OPTIONS)119 assert selected_options == []120 for attempt in eventually():121 async with attempt:122 assert test_data['multi-select/nothing-selected'] == []123 # user select124 await page.select_option('select', ['foo', 'bar'])125 selected_options = await page.eval_on_selector('select', GET_OPTIONS)126 assert selected_options == ['foo', 'bar']127 for attempt in eventually():128 async with attempt:129 assert test_data['multi-select/nothing-selected'] == [130 'foo',131 'bar',132 ]133 # multi / pre selected ################################################134 # initial value135 await page.goto(context.make_url('/multi-select/pre-selected/'))136 await page.wait_for_selector('select')137 selected_options = await page.eval_on_selector('select', GET_OPTIONS)138 assert selected_options == ['foo', 'bar']139 for attempt in eventually():140 async with attempt:141 assert test_data['multi-select/pre-selected'] == ['foo', 'bar']142 # user select143 await page.select_option('select', ['foo', 'baz'])144 selected_options = await page.eval_on_selector('select', GET_OPTIONS)145 assert selected_options == ['foo', 'baz']146 for attempt in eventually():147 async with attempt:148 assert test_data['multi-select/pre-selected'] == [149 'foo',150 'baz',151 ]152 # user deselect153 await page.goto(context.make_url('/multi-select/pre-selected/'))154 await page.wait_for_selector('select')155 await page.select_option('select', [])156 selected_options = await page.eval_on_selector('select', GET_OPTIONS)157 assert selected_options == []158 for attempt in eventually():159 async with attempt:...
test_playwright.py
Source:test_playwright.py
...48 page.goto(f"{self.live_server_url}/")49 page.wait_for_selector(".issues-at-geolocation")50 self.assertIn(51 "/issues/60.6/65/1000",52 page.eval_on_selector(".issues-at-geolocation", "el => el.href"),53 )54 self.assertIn(55 "/issues/60.6/65/1000",56 page.eval_on_selector(".issues-at-map-center", "el => el.href"),57 )58 bounding_box = page.locator("div.leaflet-container").bounding_box()59 page.mouse.move(60 bounding_box["x"] + bounding_box["width"] / 2,61 bounding_box["y"] + bounding_box["height"] / 2,62 steps=5,63 )64 page.mouse.down()65 page.mouse.move(bounding_box["x"] + 100, bounding_box["y"] + 100, steps=5)66 page.mouse.up()67 match = PathMatch(68 page.eval_on_selector(".issues-at-map-center", "el => el.href")69 )70 self.assertAlmostEqual(match.args["latitude"], 60.6, delta=0.01)71 self.assertAlmostEqual(match.args["longitude"], 65, delta=0.01)72 page.close()73 def test_url_for_user_selected_location_is_shown(self):74 page = self.browser_context.new_page()75 c1 = models.CivicPoint.create("foo", geos.Point(60.88, 60.88))76 page.set_default_timeout(5000)77 page.goto(f"{self.live_server_url}/")78 page.focus("input[type=text]")79 page.type("input[type=text]", "foo")80 page.locator("a.dropdown-item").click()81 self.assertIn(82 "/issues/60.88/60.88/1000",83 page.eval_on_selector(".issues-at-named-location", "el => el.href"),84 )85 page.close()86class ListIssuesLiveServerTestCase(StaticLiveServerTestCase):87 playwright: typing.Any88 browser: Browser89 # Copied from https://github.com/mxschmitt/python-django-playwright/blob/master/test_login.py90 @classmethod91 def setUpClass(cls):92 # We will get following error if this is not enabled93 # django.core.exceptions.SynchronousOnlyOperation: You cannot call this from an async context - use a thread or sync_to_async.94 os.environ["DJANGO_ALLOW_ASYNC_UNSAFE"] = "true"95 super().setUpClass()96 cls.playwright = sync_playwright().start()97 cls.browser = cls.playwright.firefox.launch()98 cls.browser_context = cls.browser.new_context()99 # cls.browser.set_default_timeout(1000)100 @classmethod101 def tearDownClass(cls):102 super().tearDownClass()103 cls.browser.close()104 cls.playwright.stop()105 def test_recenter_url_is_updated_on_zoom_and_maximum_value_of_100000_meters(self):106 page = self.browser_context.new_page()107 # c1 = models.CivicPoint.create("foo", geos.Point(60.88, 60.88))108 page.set_default_timeout(5000)109 page.goto(110 self.live_server_url + reverse("list_issues", args=(60.6, 60.6, 1000))111 )112 match = PathMatch(page.eval_on_selector(".recenter-map-url", "el => el.href"))113 self.assertAlmostEqual(match.args["latitude"], 60.6, delta=0.01)114 self.assertAlmostEqual(match.args["longitude"], 60.6, delta=0.01)115 self.assertAlmostEqual(match.args["distance"], 1000, delta=10)116 page.locator(".leaflet-control-zoom-out").click()117 time.sleep(0.5)118 match = PathMatch(page.eval_on_selector(".recenter-map-url", "el => el.href"))119 self.assertAlmostEqual(match.args["latitude"], 60.6, delta=0.01)120 self.assertAlmostEqual(match.args["longitude"], 60.6, delta=0.01)121 self.assertNotAlmostEqual(match.args["distance"], 1000, delta=10)122 page.locator(".leaflet-control-zoom-out").click(delay=250, click_count=8)123 match = PathMatch(page.eval_on_selector(".recenter-map-url", "el => el.href"))124 self.assertAlmostEqual(match.args["latitude"], 60.6, delta=0.01)125 self.assertAlmostEqual(match.args["longitude"], 60.6, delta=0.01)126 self.assertEqual(match.args["distance"], 100000)...
test_queryselector.py
Source:test_queryselector.py
...19 # Register another engine after creating context.20 await selectors.register("tag2", tag_selector)21 page = await context.new_page()22 await page.set_content("<div><span></span></div><div></div>")23 assert await page.eval_on_selector("tag=DIV", "e => e.nodeName") == "DIV"24 assert await page.eval_on_selector("tag=SPAN", "e => e.nodeName") == "SPAN"25 assert await page.eval_on_selector_all("tag=DIV", "es => es.length") == 226 assert await page.eval_on_selector("tag2=DIV", "e => e.nodeName") == "DIV"27 assert await page.eval_on_selector("tag2=SPAN", "e => e.nodeName") == "SPAN"28 assert await page.eval_on_selector_all("tag2=DIV", "es => es.length") == 229 # Selector names are case-sensitive.30 with pytest.raises(Error) as exc:31 await page.query_selector("tAG=DIV")32 assert 'Unknown engine "tAG" while parsing selector tAG=DIV' in exc.value.message33 await context.close()34async def test_selectors_register_should_work_with_path(35 selectors, page: Page, utils, assetdir36):37 await utils.register_selector_engine(38 selectors, "foo", path=assetdir / "sectionselectorengine.js"39 )40 await page.set_content("<section></section>")41 assert await page.eval_on_selector("foo=whatever", "e => e.nodeName") == "SECTION"42async def test_selectors_register_should_work_in_main_and_isolated_world(43 selectors, page: Page, utils44):45 dummy_selector_script = """{46 create(root, target) { },47 query(root, selector) {48 return window.__answer;49 },50 queryAll(root, selector) {51 return window['__answer'] ? [window['__answer'], document.body, document.documentElement] : [];52 }53 }"""54 await utils.register_selector_engine(selectors, "main", dummy_selector_script)55 await utils.register_selector_engine(56 selectors, "isolated", dummy_selector_script, content_script=True57 )58 await page.set_content("<div><span><section></section></span></div>")59 await page.evaluate('() => window.__answer = document.querySelector("span")')60 # Works in main if asked.61 assert await page.eval_on_selector("main=ignored", "e => e.nodeName") == "SPAN"62 assert (63 await page.eval_on_selector("css=div >> main=ignored", "e => e.nodeName")64 == "SPAN"65 )66 assert await page.eval_on_selector_all(67 "main=ignored", "es => window.__answer !== undefined"68 )69 assert (70 await page.eval_on_selector_all(71 "main=ignored", "es => es.filter(e => e).length"72 )73 == 374 )75 # Works in isolated by default.76 assert await page.query_selector("isolated=ignored") is None77 assert await page.query_selector("css=div >> isolated=ignored") is None78 # $$eval always works in main, to avoid adopting nodes one by one.79 assert await page.eval_on_selector_all(80 "isolated=ignored", "es => window.__answer !== undefined"81 )82 assert (83 await page.eval_on_selector_all(84 "isolated=ignored", "es => es.filter(e => e).length"85 )86 == 387 )88 # At least one engine in main forces all to be in main.89 assert (90 await page.eval_on_selector(91 "main=ignored >> isolated=ignored", "e => e.nodeName"92 )93 == "SPAN"94 )95 assert (96 await page.eval_on_selector(97 "isolated=ignored >> main=ignored", "e => e.nodeName"98 )99 == "SPAN"100 )101 # Can be chained to css.102 assert (103 await page.eval_on_selector("main=ignored >> css=section", "e => e.nodeName")104 == "SECTION"105 )106async def test_selectors_register_should_handle_errors(selectors, page: Page, utils):107 with pytest.raises(Error) as exc:108 await page.query_selector("neverregister=ignored")109 assert (110 'Unknown engine "neverregister" while parsing selector neverregister=ignored'111 in exc.value.message112 )113 dummy_selector_engine_script = """{114 create(root, target) {115 return target.nodeName;116 },117 query(root, selector) {...
Playwright tutorial
LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.
Chapters:
- What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
- How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
- Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
- What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
- Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
- Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
- Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
- Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
- Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
- Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
- Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
- Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.
Run Playwright Python automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
