KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta 
How to use toHaveTitle method in Playwright Internal
Best JavaScript code snippet using playwright-internal
Westwing-Task2-TC01.js
Source:Westwing-Task2-TC01.js 
...33 });34 it('should navigate to the WestwingNow home page and accept website cookies', async () => {35 await browser.maximizeWindow()36 await Homepage.open();37 await expect(browser).toHaveTitle(TestData.TC01_homepageTitle);38 await browser.pause(delay);39 await expect(Homepage.btnAcceptCookies).toHaveTextContaining(TestData.TC01_cookieButtonText);40 await Homepage.acceptCookies();41 });42 it('should search "möbel" from the search bar', async () => {43 await Homepage.search(TestData.TC01_searchKeyword);44 await browser.keys(ConfigData.enterKey);45 await expect(browser).toHaveTitle(TestData.TC01_searchResultsPageTitle);46 });47 it('should see product listing page with a list of products', async () => {48 await WestwingSearchResults.dismissOverlay();49 await expect(browser).toHaveTitle(TestData.TC01_searchResultsPageTitle);50 await expect(WestwingSearchResults.lblSearchHeader).toHaveTextContaining(TestData.TC01_searchHeader);51 });52 it('should click on wishlist Icon of the first product and see login overlay', async () => {53 await WestwingSearchResults.clickWishlistIcon1();54 });55 it('should switch to login form and login with valid credentials and product should be added to wishlist(icon)', async () => {56 await LoginOverlay.login(TestData.TC01_username, TestData.TC01_password);57 await expect(browser).toHaveTitle(TestData.TC01_searchResultsPageTitle);58 await browser.pause(delay);59 await browser.saveScreenshot(ConfigData.prdAddSnapshotPath);60 });61 it('should navigate to the customer wishlist page and delete the product', async () => {62 await WestwingWishlistPage.openWishlistPage();63 await expect(browser).toHaveTitle(TestData.TC01_wishlistPageTitle);64 await WestwingWishlistPage.clickDeleteButton();65 await browser.pause(delay);66 await browser.saveScreenshot(ConfigData.prdDelSnapshotPath);67 68 console.log('************** TC01 Ended **************');69 });...
UIBasicsTest.spec.js
Source:UIBasicsTest.spec.js
...7test('LoginToDevConnectWithValidUserDetails', async ({page})=>8{9 await page.goto(devconnect);10 console.log(await page.title());11 await expect(page).toHaveTitle(pageTitle);12 await page.locator('#Email').type("norman1.appeals.dev.appeals@sqa.org.uk");13 await page.locator('#Password').type(password);14 await page.locator(submitButton).click();15 console.log(await page.title());16 await expect(page).toHaveTitle(pageTitle);17 console.log(await page.locator(".list--blockgrid__link h3").nth(1).textContent());18 19});20test('LoginToDevAppeals',async({browser})=>21{22const context = await browser.newContext();23const URL = await context.newPage();24await URL.goto("https://dev.appeals.sqa.org.uk/");25//console.log(await page.title());26//await expect(page).toHaveTitle("")27});28test('LoginToDevConnectWithInvalidUserDetails', async ({page})=>29{30 //const context = await browser.newContext();31 //const URL = await context.newPage();32 await page.goto(devconnect);33 console.log(await page.title());34 await expect(page).toHaveTitle(pageTitle);35 await page.locator('#Email').type(email);36 await page.locator('#Password').type(password);37 await page.locator(submitButton).click();38 console.log(await page.locator("[style*='color']").textContent());39 40});41test('PBI17583BothMaintainKeyDates(HLR_001)', async({page})=>42{43 await page.goto(devconnect);44 console.log(await page.title());45 await expect(page).toHaveTitle(pageTitle);46 await page.locator('#Email').type("norman1.appeals.dev.appeals@sqa.org.uk");47 await page.locator('#Password').type(password);48 await page.locator(submitButton).click();49 console.log(await page.title());50 await expect(page).toHaveTitle(pageTitle);51 console.log(await page.locator(".list--blockgrid__link h3").nth(1).textContent());52 await page.locator(".list--blockgrid__link h3").nth(1).click();53 console.log(await page.title());54 await expect(page).toHaveTitle("Index");55 await page.locator("//a[contains(text(),'Maintain Key Dates')]").click();...
search.js
Source:search.js
...5/*6describe('webdriver.io page', () => {7 it('should have the right title', () => {8 browser.url('https://webdriver.io')9 expect(browser).toHaveTitle('WebdriverIO · Next-gen browser and mobile automation test framework for Node.js');10 })11})12*/13describe('Ebay Product Search', () => {14 it ('should open the main url and verify the title', () => {15 // browser.url('https://www.ebay.com/'); // driver.get()16 SearchPage.open();17 expect(browser).toHaveTitle(resources.homeTitle); // check title of page18 });19 it ('should search for a product and verify the search text value', () => {20 /*21 // CSS selectors22 const searchInput = $('#gh-ac');23 const searchBtn = $('#gh-btn');24 searchInput.addValue('Laptop'); // add text to search bar25 searchBtn.click();26 expect(searchInput).toHaveValue('Laptop');27 */28 allureReporter.addSeverity('Critical');29 SearchPage.searchInput.addValue('Laptop');30 SearchPage.searchBtn.click();31 expect(SearchPage.searchInput).toHaveValue('Laptop');32 });33 it ('should redirect to a new page and verify the title', () => {34 expect(browser).toHaveTitle(resources.laptopTitle);35 });36 it ('should update the search category', () => {37 allureReporter.addFeature('search category');38 /* const category = $('#gh-cat option:nth-child(1)');39 browser.waitUntil(40 function() {41 return SearchPage.category.getText() === 'PC Laptops & Netbooks';42 },43 { timeout: 5000 }44 );45 */46 waitForTextChange(SearchPage.category, 'PC Laptops & Netbooks', 3000);47 expect(SearchPage.category).toHaveText('PC Laptops & Netbooks');48 });...
HomePage.js
Source:HomePage.js
...9 await this.page.goto(this.baseURL);10 }11 async openMenuPage() {12 await this.page.locator('a', { hasText: 'Menu' }).click();13 await expect(this.page).toHaveTitle(/^KOCHKA Café · Café menu$/);14 await expect(this.page.locator('h1', { hasText: 'Café menu' })).toBeVisible();15 }16 async openAdoptPage() {17 await this.page.locator('a', { hasText: 'Adopt' }).click();18 await expect(this.page).toHaveTitle(/^KOCHKA Café · Adopt a cat$/);19 await expect(this.page.locator('h1', { hasText: 'Adopt a cat' })).toBeVisible();20 }21 async openRulesPage() {22 await this.page.locator('a', { hasText: 'Rules' }).click();23 await expect(this.page).toHaveTitle(/^KOCHKA Café · Café rules$/);24 await expect(this.page.locator('h1', { hasText: 'Café rules' })).toBeVisible();25 }26 async openShopPage() {27 await this.page.locator('a', { hasText: 'Shop' }).click();28 await expect(this.page).toHaveTitle(/^KOCHKA Café · Online shop$/);29 await expect(this.page.locator('h1', { hasText: 'Online shop' })).toBeVisible();30 }31 async openJobsPage() {32 await this.page.locator('a', { hasText: 'Jobs' }).click();33 await expect(this.page).toHaveTitle(/^KOCHKA Café · Open positions$/);34 await expect(this.page.locator('h1', { hasText: 'Open positions' })).toBeVisible();35 }36 async openContributePage() {37 await this.page.locator('a', { hasText: 'Contribute' }).click();38 await expect(this.page).toHaveTitle(/^KOCHKA Café · Voluntary contribution$/);39 await expect(this.page.locator('h1', { hasText: 'Voluntary contribution' })).toBeVisible();40 }...
test1.js
Source:test1.js
...131415 it('should have the correct page title', async () => {16 await browser.url('https://www.emag.ro/');17 await expect(browser).toHaveTitle('eMAG.ro - Libertate în fiecare zi');18 });192021 it('should contain a cart button', async () => {22 const cartButton = await $('#my_cart');23 await expect(cartButton).toBeDisplayed();24 });2526 it('should open eMag Genius', async () => {27 const geniusButton = await $('[title="eMAG Genius"]');28 await geniusButton.click();29 await expect(browser).toHaveTitle('eMAG genius: serviciul tÄu premium de cumpÄrÄturi - eMAG.ro')30 });313233 it('should have a working search', async () => {34 const searchBox = await $('#searchboxTrigger');35 const searchButton = await $('.searchbox-submit-button');3637 await searchBox.setValue('Tricou polo');38 await searchButton.click();3940 await expect(browser).toHaveTitle('CauÈi Tricou polo? Alege din oferta eMAG.ro');4142 });4344 45});46
...
login.specs.js
Source:login.specs.js
...8 it('Go to the landing page',() =>{9 browser.maximizeWindow();10 LandingPage.open();11 LandingPage.clickSignIn();12 expect(browser).toHaveTitle('Login - My Store');13 LoginFunction.login("nuwanchamindawusl@gmail.com","Cmd$1234");14 expect(browser).toHaveTitle('My account - My Store');15 SearchFunction.search("T-Shirt");16 //secondPage.clickCartArea(); 17 expect(firstPage.availabilytyInStock).toHaveTextContaining('In stock');18 secondPage.clickCartArea(); 19 expect(secondPage.priceDisplayed).toHaveTextContaining('$16.51'); 20 CartFunction.AddToCart();21 expect(secondPage.shippingPrice).toHaveTextContaining('$2.00'); 22 expect(secondPage.totalPrice).toHaveTextContaining('$18.51'); 23 CartFunction.ProceedToCheckout();24 browser.setTimeout({ 'pageLoad': 10000 });25 expect(browser).toHaveTitle('Order - My Store')26 })...
01-session.js
Source:01-session.js
...6const Mail = require('../pages/mail')7describe('Session', () => {8 it('requires login', async () => {9 await expect(Mail.open(500)).rejects.toThrow()10 await expect(browser).toHaveTitle('Login')11 })12 it('requires email', async () => {13 await Login.open()14 await expect(15 Login.authenticate('', config.user.password, 500)16 ).rejects.toThrow()17 await expect(browser).toHaveTitle('Login')18 })19 it('requires password', async () => {20 await Login.open()21 await expect(22 Login.authenticate(config.user.email, '', 500)23 ).rejects.toThrow()24 await expect(browser).toHaveTitle('Login')25 })26 it('logs in', async () => {27 await Login.open()28 await expect(browser).toHaveTitle('Login')29 await browser.saveAndDiffScreenshot('Login')30 await Login.authenticate(config.user.email, config.user.password)31 await expect(browser).toHaveTitle('Send mail')32 })33 it('logs out', async () => {34 await Mail.open()35 await Mail.logout()36 await expect(Mail.open(500)).rejects.toThrow()37 await expect(browser).toHaveTitle('Login')38 })...
newWindow.js
Source:newWindow.js
...8 link.click();9 // switch window10 browser.switchWindow('/windows/new');11 // optional assertion12 expect(browser).toHaveTitle('New Window');13 });14 it('should close the new tab and switch back to old tab', () => {15 // close new window16 browser.closeWindow();17 // switch back to old window18 browser.switchWindow('/windows');19 // optional assertion20 expect(browser).toHaveTitle('The Internet');21 });...
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.waitForSelector('text=Get started');7 await page.click('text=Get started');8 await page.waitForSelector('text=Playwright is a Node library to automate');9 await page.click('text=Playwright is a Node library to automate');10 await page.waitForSelector('text=Playwright is a Node library to automate');11 await page.click('text=Playwright is a Node library to automate');12 await page.waitForSelector('text=Playwright is a Node library to automate');13 await page.click('text=Playwright is a Node library to automate');14 await page.waitForSelector('text=Playwright is a Node library to automate');15 await page.click('text=Playwright is a Node library to automate');16 await page.waitForSelector('text=Playwright is a Node library to automate');17 await page.click('text=Playwright is a Node library to automate');18 await page.waitForSelector('text=Playwright is a Node library to automate');19 await page.click('text=Playwright is a Node library to automate');20 await page.waitForSelector('text=Playwright is a Node library to automate');21 await page.click('text=Playwright is a Node library to automate');22 await page.waitForSelector('text=Playwright is a Node library to automate');23 await page.click('text=Playwright is a Node library to automate');24 await page.waitForSelector('text=Playwright is a Node library to automate');25 await page.click('text=Playwright is a Node library to automate');26 await page.waitForSelector('text=Playwright is a Node library to automate');27 await page.click('text=Playwright is a Node library to automate');28 await page.waitForSelector('text=Playwright is a Node library to automate');29 await page.click('text=Playwright is a Node library to automate');30 await page.waitForSelector('text=Playwright is a Node library to automate');31 await page.click('text=Playwright is a Node library to automate');32 await page.waitForSelector('text=Playwright is a Node library to automate');33 await page.click('text=Playwright is a Node
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 await page.waitForSelector('text=Get started');7 await page.click('text=Get started');8 await page.waitForSelector('text=Quick start');9 await page.click('text=Quick start');10 await page.waitForSelector('text=Install Playwright');11 await page.click('text=Install Playwright');12 await page.waitForSelector('text=Install Playwright');13 await page.click('text=Install Playwright');14 await page.waitForSelector('text=Node.js');15 await page.click('text=Node.js');16 await page.waitForSelector('text=Playwright is a Node.js library to automate');17 await page.click('text=Playwright is a Node.js library to automate');18 await page.waitForSelector('text=Install Playwright');19 await page.click('text=Install Playwright');20 await page.waitForSelector('text=Playwright is a Node.js library to automate');21 await page.click('text=Playwright is a Node.js library to automate');22 await page.waitForSelector('text=Install Playwright');23 await page.click('text=Install Playwright');24 await page.waitForSelector('text=Playwright is a Node.js library to automate');25 await page.click('text=Playwright is a Node.js library to automate');26 await page.waitForSelector('text=Install Playwright');27 await page.click('text=Install Playwright');28 await page.waitForSelector('text=Playwright is a Node.js library to automate');29 await page.click('text=Playwright is a Node.js library to automate');30 await page.waitForSelector('text=Install Playwright');31 await page.click('text=Install Playwright');32 await page.waitForSelector('text=Playwright is a Node.js library to automate');33 await page.click('text=Playwright is a Node.js library to automate');34 await page.waitForSelector('text=Install Playwright');35 await page.click('text=Install Playwright');36 await page.waitForSelector('text=Playwright is a Node.js library to automate');37 await page.click('text=Playwright is a Node.js library to automate');38 await page.waitForSelector('text=Install Playwright');
Using AI Code Generation
1const { test, expect } = require('@playwright/test');2test('example test', async ({ page }) => {3 await expect(page).toHaveTitle('Playwright');4});5const { test, expect } = require('@playwright/test');6test('example test', async ({ page }) => {7 await expect(page.title()).resolves.toMatch('Playwright');8});9import { test, expect } from '@playwright/test';10test('example test', async ({ page }) => {11 await expect(page).toHaveTitle('Playwright');12});13import { test, expect } from '@playwright/test';14test('example test', async ({ page }) => {15 await expect(page.title()).resolves.toMatch('Playwright');16});17const { test, expect } = require('@playwright/test');18test('example test', async ({ page }) => {19 await expect(page).toHaveTitle('Playwright');20});21const { test, expect } = require('@playwright/test');22test('example test', async ({ page }) => {23 await expect(page.title()).resolves.toMatch('Playwright');24});25import { test, expect } from '@playwright/test';26test('example test', async ({ page }) => {27 await expect(page).toHaveTitle('Playwright');28});29import { test, expect } from '@playwright/test';30test('example test', async ({ page }) => {31 await expect(page.title()).resolves.to
Using AI Code Generation
1const { test, expect } = require('@playwright/test');2test('Playwright test', async ({ page }) => {3 await expect(page).toHaveTitle('Google');4});5const { test, expect } = require('@playwright/test');6test('Playwright test', async ({ page }) => {7 await expect(page.title()).toBe('Google');8});9Error: expect(received).toHaveTitle(expected)10Error: expect(received).toHaveTitle(expected)
Using AI Code Generation
1const { test, expect } = require('@playwright/test');2test('title test', async ({ page }) => {3 expect(page).toHaveTitle('Playwright');4});5const { test, expect } = require('@playwright/test');6test('text test', async ({ page }) => {7 expect(page).toHaveText('Playwright');8});9const { test, expect } = require('@playwright/test');10test('text test', async ({ page }) => {11 expect(page).toHaveText('Playwright');12});13const { test, expect } = require('@playwright/test');14test('text test', async ({ page }) => {15 expect(page).toHaveText('Playwright');16});17const { test, expect } = require('@playwright/test');18test('text test', async ({ page }) => {19 expect(page).toHaveText('Playwright');20});21const { test, expect } = require('@playwright/test');22test('text test', async ({ page }) => {23 expect(page).toHaveText('Playwright');24});
Using AI Code Generation
1it('should check for the title of the page', async () => {2 const page = await browser.newPage();3 expect(page).toHaveTitle('Google');4 await page.close();5});6it('should check for the title of the page', async () => {7 const page = await browser.newPage();8 expect(page).toHaveTitle('Google');9 await page.close();10});11it('should check for the title of the page', async () => {12 const page = await browser.newPage();13 expect(page).toHaveTitle('Google');14 await page.close();15});16it('should check for the title of the page', async () => {17 const page = await browser.newPage();18 expect(page).toHaveTitle('Google');19 await page.close();20});21it('should check for the title of the page', async () => {22 const page = await browser.newPage();23 expect(page).toHaveTitle('Google');24 await page.close();25});26it('should check for the title of the page', async () => {27 const page = await browser.newPage();28 expect(page).toHaveTitle('Google');29 await page.close();30});31it('should check for the title of the page', async () => {
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 Internal 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?
