TestProject Forum

Recorder doesn't recognise some elements (iOS application)

Hi TestProject team,

I’m blocked from creating end to end tests on iOS application, as the recorder is not recognising (missing) some elements.

For example, on the following screen the recorder is highlighting only the back button and is missing others buttons:
‘YES - I HAVE…’ and ‘NO - I DON’T HAVE…’
I went through each element in the Explorer Tab and still no luck. How this issue can be resolved, please?

please see downloaded DOM file:

<hierarchy bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" haswebview="false" height="667" label="blood donor" name="blood donor" tp-types="[2003]" type="xcuielementtypeapplication" unique-id="true" width="375" x="0" xpath="//xcuielementtypeapplication[1]" y="0"><xcuielementtypeapplication bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" haswebview="false" height="667" label="Blood Donor" name="Blood Donor" tp-types="[2003]" type="XCUIElementTypeApplication" unique-id="true" width="375" x="0" xpath="//XCUIElementTypeApplication[1]" y="0">
  <xcuielementtypewindow bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2080]" type="XCUIElementTypeWindow" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]" y="0">
    <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]" y="0">
      <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]" y="0"></xcuielementtypeother>
    </xcuielementtypeother>
    <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]" y="0">
      <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]" y="0">
        <xcuielementtypenavigationbar bounds="{&quot;x1&quot;:0,&quot;y1&quot;:40,&quot;x2&quot;:750,&quot;y2&quot;:128}" enabled="true" height="44" name="Blood.DonorIdView" tp-types="[2037]" type="XCUIElementTypeNavigationBar" unique-id="true" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeNavigationBar[1]" y="20">
          <xcuielementtypebutton bounds="{&quot;x1&quot;:0,&quot;y1&quot;:40,&quot;x2&quot;:136,&quot;y2&quot;:128}" enabled="true" height="44" label="Back" name="Back" tp-types="[2005]" type="XCUIElementTypeButton" unique-id="true" width="68" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeNavigationBar[1]/XCUIElementTypeButton[1]" y="20"></xcuielementtypebutton>
          <xcuielementtypeprogressindicator bounds="{&quot;x1&quot;:-4,&quot;y1&quot;:98,&quot;x2&quot;:754,&quot;y2&quot;:148}" enabled="true" height="25" label="Progress" name="Progress" tp-types="[2046]" type="XCUIElementTypeProgressIndicator" unique-id="true" value="91%" width="379" x="-2" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeNavigationBar[1]/XCUIElementTypeProgressIndicator[1]" y="49"></xcuielementtypeprogressindicator>
        </xcuielementtypenavigationbar>
        <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]" y="0">
          <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]" y="0">
            <xcuielementtypekey bounds="{&quot;x1&quot;:0,&quot;y1&quot;:128,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="603" tp-types="[2024]" type="XCUIElementTypeKey" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeKey[1]" y="64"></xcuielementtypekey>
          </xcuielementtypeother>
        </xcuielementtypeother>
      </xcuielementtypeother>
    </xcuielementtypeother>
  </xcuielementtypewindow>
  <xcuielementtypewindow bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2080]" type="XCUIElementTypeWindow" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[2]" y="0">
    <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[2]/XCUIElementTypeOther[1]" y="0">
      <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:0,&quot;x2&quot;:750,&quot;y2&quot;:1334}" enabled="true" height="667" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[2]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]" y="0"></xcuielementtypeother>
      <xcuielementtypeother bounds="{&quot;x1&quot;:0,&quot;y1&quot;:1334,&quot;x2&quot;:750,&quot;y2&quot;:1766}" enabled="true" height="216" tp-types="[2038]" type="XCUIElementTypeOther" unique-id="false" width="375" x="0" xpath="//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[2]/XCUIElementTypeOther[1]/XCUIElementTypeOther[2]" y="667"></xcuielementtypeother>
    </xcuielementtypeother>
  </xcuielementtypewindow>
</xcuielementtypeapplication></hierarchy>

Hello @tatiana
Does this happen on all pages of this app?
Is it an iOS Flutter app?
If so, take a look at the following article:

If not, you might need to tap on a specific part of a mobile element (both Android or iOS), you can use the Tap element at relative point action.

You can hover the wrapper element of the element you want to tap on, double shift to capture it, and select the “Tap at relative point” action, by providing the Horizontal tap percentage and the Vertical tap percentage (notice: it starts from the top-left corner of the element) you will be able to tap on a specific point on the wrapper element.

Here you can read more about it and find an example: