fix(webdriverio): fix failing e2e tests due to language and timezone differences (webdriverio#14215)

* fix(webdriverio): fix flaky e2e tests due to language and timezone differences

* fix: fix more flaky e2e tests

* fix: revert some changes

* fix: update CONTRIBUTING.md

Author: erwinheitzman

CONTRIBUTING.md

@@ -117,6 +117,8 @@ You can immediately start working on the code using [a pre-setup Gitpod environm
 
 * Switch to the most recent Node LTS (you should be able to use older/newer versions of Node but we recommend to use v20 LTS so all developers are on the same side) or to the one denoted in `.nvmrc`. We recommend to use [`nvm`](https://github.com/nvm-sh/nvm) to switch between Node.js versions.
 
+* Install Chrome, Firefox and Edge (required for running the e2e tests)
+
 * Set up the project:
     First make sure you have the right Node.js version installed.
     You can find the current defined development version in `.nvmrc` within the root directory of the project. The easiest way to handle multiple Node.js versions is by using [NVM](https://github.com/nvm-sh/nvm).

e2e/wdio/headless/test.e2e.ts

@@ -430,25 +430,26 @@ describe('main suite 1', () => {
     })
 
     describe('emulate clock', () => {
-        const now = new Date(2021, 3, 14)
-        const getDateString = () => (new Date()).toString()
+        const now = new Date(Date.UTC(2021, 3, 14))
+        const getDateString = () => new Date()
+        const mockedDateString = now.toLocaleString('en-GB', { timeZone: 'UTC' })
 
         it('should allow to mock the clock', async () => {
             await browser.emulate('clock', { now })
-            expect(await browser.execute(getDateString))
-                .toBe(now.toString())
+            expect((await browser.execute(getDateString)).toLocaleString('en-GB', { timeZone: 'UTC' }))
+                .toBe(mockedDateString)
             await browser.url('https://guinea-pig.webdriver.io')
-            expect(await browser.execute(getDateString))
-                .toBe(now.toString())
+            expect((await browser.execute(getDateString)).toLocaleString('en-GB', { timeZone: 'UTC' }))
+                .toBe(mockedDateString)
         })
 
         it('should allow to restore the clock', async () => {
             await browser.restore('clock')
-            expect(await browser.execute(getDateString))
-                .not.toBe(now.toString())
+            expect((await browser.execute(getDateString)).toLocaleString('en-GB', { timeZone: 'UTC' }))
+                .not.toBe(mockedDateString)
             await browser.url('https://guinea-pig.webdriver.io/pointer.html')
-            expect(await browser.execute(getDateString))
-                .not.toBe(now.toString())
+            expect((await browser.execute(getDateString)).toLocaleString('en-GB', { timeZone: 'UTC' }))
+                .not.toBe(mockedDateString)
         })
     })
 
@@ -514,7 +515,7 @@ describe('main suite 1', () => {
             await browser.switchToWindow(handles[1])
 
             // Verify element text to ensure the browsing context has changed and can interact with elements
-            await expect(await $('.page').getText()).toBe('Second page!')
+            await expect($('.page')).toHaveText('Second page!')
         })
 
         it('should see that content is no longer displayed when window is closed', async () => {
@@ -675,8 +676,8 @@ describe('main suite 1', () => {
         })
 
         it('chrome', async () => {
-            await browser.url('chrome://version/')
-            await expect(browser).toHaveTitle('About Version')
+            await browser.url('chrome://about/')
+            await expect($('li=chrome://accessibility')).toExist()
         })
     })