title: How to define input field (Selector) under condition to exist text in other class in the same div
body: <p>I'm having trouble defining the field for typing  text into </p>
  
  <pre><code>this.requiredField = Selector('input').withAttribute('required');
  </code></pre>
  
  <p>in a condition where the validation label is</p>
  
  <pre><code>this.requiredLabel = Selector('.form-control-warning').withText('Required field cannot be left blank');
  </code></pre>
  
  <p>There are in class=”col-10” – see below</p>
  
  <p><a href="https://i.stack.imgur.com/zQiuE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zQiuE.png" alt="enter image description here"></a></p>
  
  <p>I am not interested in such a filed where there is no text Required field cannot be left blank in. form-control-warning
  <a href="https://i.stack.imgur.com/q63BA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q63BA.png" alt="enter image description here"></a></p>
  
  <p>I need it because I must type text in each field with a label: 'Required field cannot be left blank" 
  I created sth like this:</p>
  
  <pre><code>while (await epgBoard.requiredLabel.exists)
  {
  
  await t.typeText(epgBoard.emptyRequiredField, 'ff')
  }
  </code></pre>
  
  <p>I have no idea how to define such selector</p>
  
  <p>this.emptyRequiredField = 
  find in .col-10 -> input  withAtrribute required where . form-control-warning has text Required field cannot be left blank</p>
  
  <p>Could sb help me with this matter?</p>