get-css-pseudo-attribute-value.js

When(/^there is no hover border displayed$/, () => {
    const monthlySubscription =
      SelectSubscription.monthly.plan.selector;

    function getPsuedoAttributeValues(component, selector, cssProperty) {
      return window
        .getComputedStyle(document.querySelector(component), selector)
        .getPropertyValue(cssProperty);
    }

    const borderBox = browser.execute(
      getPsuedoAttributeValues, // run the above getPsuedoAttributeValues method
      monthlySubscription, // pass in the component
      ':after', // pass in the pseudo selector
      'border', // pass in the css property to check for attributes
    );

    expect(borderBox.value).to.eq('2px solid rgba(0, 0, 0, 0)');
  });