[Javascript] Split String on grapheme pairs in sendKeys command

[gravityvi]

Thanks for contributing to Selenium!
A PR well described will help maintainers to quickly review and merge it

Before submitting your PR, please check our contributing guidelines.
Avoid large PRs, help reviewers by making them as simple and short as possible.

Description

• split string on grapheme pairs under sendKeys command

Motivation and Context

• fixes [🐛 Bug]: Split on grapheme pairs while using sendKeys #10518

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• I have read the contributing document.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[CLAassistant]

All committers have signed the CLA.

[harsha509]

Hi @gravityvi,

Thanks for the PR.

I tried passing ele.sendKeys(:grinning:) and ele.sendKeys(\uD83D\uDE00);

With your changes I get the below error

WebDriverError: unknown error: ChromeDriver only supports characters in the BMP

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[pujagani]

Java

I tried the following code snippet in Java:

 driver.get("https://google.com"); 
 driver.findElement(By.name("q")).sendKeys("\uD83D\uDCA9");

I see the same error as Harsha reported when using ChromeDriver:

Exception in thread "main" org.openqa.selenium.WebDriverException: unknown error: ChromeDriver only supports characters in the BMP

However, it is a known ChromeDriver bug.

I double-checked with FirefoxDriver and it works as expected.

Javascript

I ran a similar test snippet in Javascript:

await driver.get('https://www.google.com');
await driver.findElement(By.name('q')).sendKeys('💩');

Before the changes in this PR:

FirefoxDriver shows the error:
InvalidArgumentError: Failed to decode request as JSON: {"text":"💩","value":["\ud83d","\udca9"]}

ChromeDriver shows a vague error and stack trace.

After the changes in this PR:

FirefoxDriver works as expected with the emoji.

ChromeDriver shows the error:

WebDriverError: unknown error: ChromeDriver only supports characters in the BMP
  (Session info: chrome=100.0.4896.75)

@harsha509 Hence, the error we encountered is not related to this PR.

[harsha509]

Thank you @gravityvi !