title: What is the best way to grab this input element? Can not use attr values
body: <p>I have a app the creates forms dynamically. In the e2e tests, the e2e creates the form and after the test form will be deleted from the db.</p>
  <p>This means I can not use class, ids, or data attribute values because their values are dynamically generated. ie: <code>&lt;div id=&quot;input_1642&quot; class=&quot;input_1642&quot;&gt;</code>. Being the form is created by e2e and destroyed after the test is done, there is no way for me to know their values and they will not persist.</p>
  <p>For the following html, in which the only unique value I really have is the <code>required input</code> in <code>&lt;span style=&quot;white-space: pre-wrap; overflow-wrap: break-word;&quot;&gt;required input&lt;/span&gt;</code></p>
  <p>Using Playwright, and not being able to use class, id, or data attribute values, what is the cleanest way to grab (selector) the input so I can <code>page.fill()</code>?
  I was hoping to avoid having using Xpath</p>
  <pre><code>&lt;div id=&quot;input_1642&quot; class=&quot;input_1642&quot;&gt;
    &lt;div&gt;
      &lt;div&gt;
        &lt;div class=&quot;ant-row ant-form-item&quot; style=&quot;row-gap: 0px;&quot;&gt;
          &lt;div class=&quot;ant-col ant-form-item-label ant-form-item-label-left&quot;&gt;
            &lt;label for=&quot;input_1642&quot; class=&quot;ant-form-item-required&quot; title=&quot;&quot;&gt;
              &lt;span&gt;
                &lt;span style=&quot;white-space: pre-wrap; overflow-wrap: break-word;&quot;&gt;required input&lt;/span&gt;
              &lt;/span&gt;
            &lt;/label&gt;
          &lt;/div&gt;
          &lt;div class=&quot;ant-col ant-form-item-control&quot;&gt;
            &lt;div class=&quot;ant-form-item-control-input&quot;&gt;
              &lt;div class=&quot;ant-form-item-control-input-content&quot;&gt;
                &lt;span&gt;
                  &lt;span&gt;
                    &lt;input formbuilderhiddenfrom=&quot;&quot; data-cy=&quot;form_item_input_1642_3&quot; data-navigate=&quot;false&quot; id=&quot;input_1642&quot; class=&quot;ant-input align-input-items&quot; type=&quot;text&quot; value=&quot;&quot;&gt;
                    &lt;span&gt;&lt;/span&gt;
  </code></pre>