title: Wait for an element to no longer be disabled in nightwatchjs
body: <p>I'm running my nightwatchjs test script against drop-down menu options, for a car <strong>make</strong> and <strong>model</strong>.</p>
  
  <p>Before I select a car make, the model element is correctly disabled, and looks like the following;</p>
  
  <p><a href="https://i.stack.imgur.com/4meJv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4meJv.png" alt="enter image description here"></a></p>
  
  <p>When I select a make, the model element becomes enabled, and the disabled part is removed.</p>
  
  <p>However, what I'd like to do is a form of wait, so that the rest of the script will wait until the element is enabled before proceeding.</p>
  
  <p>At present, I have the following code;</p>
  
  <pre><code>browser.expect.element('#bfsDesktopFilters #ddl-model').to.be.enabled;
  </code></pre>
  
  <p>Which works for the majority of the time, but sometimes there is a slight delay in loading the model drop-down, and the test fails. </p>
  
  <p>Is there a way to do this (I really don't want to use a pause)?</p>
  
  <p>I've tried;</p>
  
  <pre><code>waitForElementToBeEnabled
  waitForElementToBeClickable 
  </code></pre>
  
  <p>but with no luck.</p>
  
  <p>Thanks.</p>