title: xpath to find pseudo-element ::after in side a div element with out any content
body: <p>I am trying to write xpath to find a checkbox selected or not, this checkbox is being changed using css ::after element. Below are two elements I have </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>//div[@class='FormBlock-formItem2' and .//text()='Scoped In']//div[@class='FormBlock-controlIndicator']</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/y2veL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/y2veL.png" alt="two elements for checkboxes"></a></p>
  
  <p>I need to find that 'Scoped Out' is not selected and 'Scoped In' is selected. The only difference I see is '::after' in the second section of checkbox. 
  I tried the xpath :" <strong>//div[@class='FormBlock-formItem2' and .//text()='Scoped In']//div[@class='FormBlock-controlIndicator']</strong> " but this is finding the 'Scoped In' element but I am not able to verify if its checked or not. Struggling from couple of days. Kindly help.</p>