fix select element data transform

Author: toddtarsi

packages/selenium-ide/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seleniumhq/selenium-ide",
-  "version": "4.0.0-alpha.28",
+  "version": "4.0.0-alpha.29",
   "private": true,
   "description": "Selenium IDE electron app",
   "author": "Todd <[email protected]>",
@@ -107,7 +107,7 @@
     "@seleniumhq/code-export-ruby-rspec": "^4.0.0-alpha.0",
     "@seleniumhq/side-code-export": "^4.0.0-alpha.2",
     "@seleniumhq/get-driver": "^4.0.0-alpha.1",
-    "@seleniumhq/side-api": "^4.0.0-alpha.14",
+    "@seleniumhq/side-api": "^4.0.0-alpha.15",
     "@seleniumhq/side-model": "^4.0.0-alpha.2",
     "@seleniumhq/side-plugin-example": "^4.0.0-alpha.1",
     "@seleniumhq/side-runtime": "^4.0.0-alpha.15",

packages/side-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seleniumhq/side-api",
-  "version": "4.0.0-alpha.14",
+  "version": "4.0.0-alpha.15",
   "description": "Selenium IDE shared models",
   "author": "Todd Tarsi <[email protected]>",
   "homepage": "http://github.com/SeleniumHQ/selenium-ide",

packages/side-api/src/commands/recorder/selectElement.ts

@@ -1,3 +1,4 @@
+import capitalize from 'lodash/fp/capitalize'
 import { mutator as updateStepMutator } from '../tests/updateStep'
 import { getActiveCommand } from '../../helpers/getActiveData'
 import { LocatorFields, Mutator } from '../../types'
@@ -17,7 +18,8 @@ export const mutator: Mutator<Shape> = (session, { params }) =>
       session.state.activeTestID,
       getActiveCommand(session).id,
       {
-        [params[0]]: params[1],
+        [params[0]]: params[1][0][0],
+        [`fallback${capitalize(params[0])}s`]: params[1],
       },
     ],
     result: undefined,

packages/side-commons/src/index.ts

@@ -16,4 +16,5 @@
 // under the License.
 
 export * as events from './events'
+export * as string from './string'
 export * from './types'

packages/side-commons/src/string.ts

@@ -0,0 +1,2 @@
+export const capitalize = (str: string) =>
+  str.split(' ').map((word) => `${word[0].toUpperCase()}${word.slice(1)}`)

tests/examples/simple-parent.side

@@ -43,12 +43,6 @@
           "value": "runCMD",
           "id": "58e73596-cfaa-45a6-9d34-d49dee8f27f5"
         },
-        {
-          "command": "pause",
-          "target": "5000",
-          "value": "",
-          "id": "7abca8eb-6325-48ed-92d0-968d1659675e"
-        },
         {
           "id": "ac59c71a-4b22-4788-a928-3b89776697f7",
           "command": "run",
@@ -57,9 +51,27 @@
         },
         {
           "command": "assertElementPresent",
-          "target": "css=.lnXdpd",
+          "target": "id=hplogo",
           "value": "",
-          "id": "c3a7876e-3202-4cf2-8cbb-f2561d14fca3"
+          "id": "c3a7876e-3202-4cf2-8cbb-f2561d14fca3",
+          "fallbackTargets": [
+            [
+              "id=hplogo",
+              "id"
+            ],
+            [
+              "css=#hplogo",
+              "css:finder"
+            ],
+            [
+              "xpath=(//img[@alt='Seasonal Holidays 2022'])[1]",
+              "xpath:img"
+            ],
+            [
+              "xpath=(//img[@id='hplogo'])[1]",
+              "xpath:attributes"
+            ]
+          ]
         },
         {
           "command": "waitForElementNotPresent",