”;
Puppeteer can perform keyboard simulation actions like pressing a key in the keyboard, pressing the up, down keys, and so on. All these are done using the keyboard method.
Keyboard Methods
Some of the keyboard methods are as follows −
keyboard.press()
This method is used to simulate a key press. The key to be pressed is passed as a parameter to this method.
The syntax is as follows −
Syntax
keyboard.press(''Enter'')
keyboard.type()
This method is used to simulate entering text from the keyboard. The text to be entered is passed as a parameter to this method.
The syntax is as follows −
Syntax
keyboard.type(''Puppeteer'')
keyboard.sendCharacter()
It is same as keyboard.type().
The syntax is as follows −
Syntax
keyboard.sendCharacter(''Puppeteer'')
keyboard.up()
This method is used to simulate pressing the up arrow from the keyboard.
The syntax is as follows −
Syntax
keyboard.up()
keyboard.down()
This method is used to simulate pressing the down arrow from the keyboard.
The syntax is as follows −
Syntax
keyboard.down()
To begin, follow Steps 1 to 2 from the Chapter of Basic Test on Puppeteer which are as follows −
Step 1 − Create a new file within the directory where the node_modules folder is created (location where the Puppeteer and Puppeteer core have been installed).
The details on Puppeteer installation is discussed in the Chapter of Puppeteer Installation.
Right-click on the folder where the node_modules folder is created, then click on the New file button.
Step 2 − Enter a filename, say testcase1.js.
Step 3 − Add the below code within the testcase1.js file created.
//Puppeteer library
const pt= require(''puppeteer'')
async function keyboradSimulation(){
//launch browser in headless mode
const browser = await pt.launch()
//browser new page
const page = await browser.newPage()
//launch URL
await page.goto(''https://www.tutorialspoint.com/index.htm'')
//identify edit box with id
const f = await page.$("#gsc-i-id1")
//enter text
f.type("Puppeteer")
//wait for sometime
await page.waitForTimeout(4000)
//press Enter
await page.keyboard.press(''Enter'')
//wait for sometime
await page.waitForTimeout(4000)
//identify element
const t = await page.$(".gsc-result-info")
//obtain text
const text = await (await t.getProperty(''textContent'')).jsonValue()
console.log("Text is: " + text)
}
keyboradSimulation()
Step 4 − Execute the code with the command given below −
node <filename>
So in our example, we shall run the following command −
node testcase1.js
After the command has been successfully executed, the text obtained on pressing Enter after entering Puppeteer – About 39 results (0.15 seconds) gets printed in the console.
”;