title: React Test case for the button disabled or not on the basis of state value
body: <p>I am trying to write the test cases for the buttons enable or disable.</p>
  
  <pre><code>&lt;button type="button" id="addBtn" className={`btn border-0 create-job-btn ${enabled ? 'add-btn' : 'jd-button'}`} disabled={!enabled} &gt;Add/Paste Jd&lt;/button&gt;
  &lt;span className="pl-1 pr-1"&gt; or &lt;/span&gt;
  &lt;button type="button" id="uploadBtn" className={`btn border-0 create-job-btn ${enabled ? "upload-btn" : "jd-button"}`} disabled={!enabled} &gt;Upload Jd File&lt;/button&gt;
  </code></pre>
  
  <p>Now, what I tried is,</p>
  
  <pre><code>it('should have buttons', () =&gt; {
          const wrapper = shallow(&lt;SelectCriteraNewJob /&gt;);
          expect(wrapper.find('button#addBtn')).toBeTruthy();
          expect(wrapper.find('button#uploadBtn')).toBeTruthy();
      });
  </code></pre>
  
  <p>Now Here, </p>
  
  <pre><code>const enabled = (!!selectedTechnology &amp;&amp; selectedTechnology.length &gt; 0) &amp;&amp; (!!userCompany &amp;&amp; userCompany.length &gt; 0)
  </code></pre>
  
  <p>So, I am confused in writting the test cases for the buttons <code>enable and disable</code>. </p>
  
  <p>So, can any one help me with this ? Thanks.</p>