title: Cypress to test Radio Button Value
body: <p>I am writing a cypress test for radio to check whether it is private or public.</p>
  
  <p>HTML Section</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div _ngcontent-c6="" class="form-check form-check-inline mb-1"&gt;`  
      &lt;input _ngcontent-c6="" class="form-check-input ng-untouched ng-pristine ng-valid" formcontrolname="projectStatus" id="private" name="projectStatus" type="radio" ng-reflect-name="projectStatus" ng-reflect-form-control-name="projectStatus" ng-reflect-value="false" ng-reflect-model="false"&gt;
      &lt;label _ngcontent-c6="" class="form-check-label" for="private"&gt;Private&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Cypress Test</p>
  
  <pre class="lang-js prettyprint-override"><code>cy.get('#private').should('have.attr', 'checked', 'true') // Not working
  cy.get('[type="radio"]').should('have.attr', 'ng-reflect-value', 'false') // Not Working
  </code></pre>
  
  <p>Part of the problem is when I console I see the message <code>&lt;input#private.form-check-input.ng-untouched.ng-pristine.ng-valid&gt;</code> I could not find the attribute <code>ng-reflect-checked</code></p>
  
  <p>Anyone did cypress test for radio button made in Angular?</p>