chore: add tests for using commands in sync mode

Author: olivierwilkinson

test/sync.e2e.js

@@ -0,0 +1,35 @@
+/*
+Test sync behaviour in a js file so that typescript doesn't complain about the
+async commands being declared elsewhere
+*/
+
+const sync = require('@wdio/sync').default
+
+const {setupBrowser} = require('../src')
+
+describe('sync mode', () => {
+  it('can be used with browser commands', async () => {
+    setupBrowser(browser)
+
+    await sync(() => {
+      const pageHeading = browser.getByText('Page Heading')
+
+      expect(pageHeading).toBeDefined()
+      expect(pageHeading.getText()).toEqual('Page Heading')
+    })
+  })
+
+  it('can be used with element commands', async () => {
+    setupBrowser(browser)
+
+    await sync(() => {
+      const button = browser
+        .$('*[data-testid="nested"]')
+        .getByText('Button Text')
+
+      button.click()
+
+      expect(button.getText()).toEqual('Button Clicked')
+    })
+  })
+})

wdio.conf.js

@@ -18,7 +18,7 @@ exports.config = {
   // NPM script (see https://docs.npmjs.com/cli/run-script) then the current working
   // directory is where your package.json resides, so `wdio` will be called from there.
   //
-  specs: ['./test/**/*.e2e.ts'],
+  specs: ['./test/**/*.e2e.{js,ts}'],
   // Patterns to exclude.
   exclude: [
     // 'path/to/excluded/files'