剧作家+；CodeceptJS-无法通过Xpath找到元素

在我的代码中，我通常可以通过Xpath找到一个元素并执行如下所示的操作

await I.fillField('//*[@id="edit-name"]','user1');

执行以下操作时，我看到以下错误。由于ID是动态创建的。是否有解决此类问题的推荐方法

await I.fillField('//*[@id="crmUiId_1"]','SomeTextHere');

错误：

 **TypeError: Cannot read property '$$' of null
      at findElements (node_modules/codeceptjs/lib/helper/Playwright.js:2087:18)
      at Playwright._locate (node_modules/codeceptjs/lib/helper/Playwright.js:822:12)**

关联的HTML：

    <div crm-ui-field="{name: 'caseTypeDetailForm.title', title: ts('Title')}" class="ng-isolate-scope crm-section"><div class="label">
  <label crm-ui-for="caseTypeDetailForm.title" crm-depth="1" crm-ui-force-required="" for="crmUiId_1"><span ng-class="cssClasses"><span ng-transclude=""><span class="ng-binding ng-scope">Title</span></span><span crm-ui-visible="crmIsRequired" class="crm-marker ng-isolate-scope" title="This field is required." style="visibility: inherit;">*</span></span></label>
  <!-- ngIf: help -->
</div>
<div class="content" ng-transclude="">
      <input crm-ui-id="caseTypeDetailForm.title" type="text" name="title" ng-model="caseType.title" class="big crm-form-text ng-pristine ng-scope ng-empty ng-invalid ng-invalid-required ng-touched" required="" id="crmUiId_1">
    </div>
<div class="clear"></div>
</div>

头衔*

---

这里的问题实际上是ID“crmUiId_1”是动态生成的。相反，我尝试使用带有ng model=“caseType.title”的xpath，但它似乎也不起作用。

我只想确保您等待它：

await page.waitForSelector('#crmUiId_1')
await page.fill('#crmUiId_1', 'whatever')

---

否则，页面可能仍在加载。

该选择器不在显示的html中。另外，只需使用

#crmUiId_1

抱歉，现在已使用正确的html更新。Playwright会在填充之前自动等待元素，因此Playwright不需要这样做。我想那是真的，但我不确定我是否相信它。