comment cliquer sur un élément avec des détails d'élément similaires sur un bouton avec une étendue à l'aide du script typographique Protractor

Besoin de votre aide pour créer un code dactylographié rapporteur, comment puis-je cliquer sur l'un de ce bouton? il a la classe _ngcontent et la classe span, est-ce que quelqu'un a une idée comment faire cela? code sur le site est:

<form _ngcontent-c34 novalidate class="ng-untouched ng-unreal ng-valid">
    <atx-create-license-act-main _ngcontent-c34 _nghost-c36>
       <button _ngcontent-c36 color="accent" mat-raised-button class="mat-raised-button mat-accent">
           <span class="mat-button-wrapper">Add License</span>
           <div class="mat-button-droped mat-droped" matdrop></div>
           <div class="mat-button-focus-overlay"></div>
        </button>
    </atx-create-license-act-main>
</form>
<form _ngcontent-c34 novalidate class="ng-untouched ng-unreal ng-valid">
    <atx-create-license-act-main _ngcontent-c34 _nghost-c36>
       <button _ngcontent-c36 color="accent" mat-raised-button class="mat-raised-button mat-accent">
           <span class="mat-button-wrapper">Add License</span>
           <div class="mat-button-droped mat-droped" matdrop></div>
           <div class="mat-button-focus-overlay"></div>
        </button>
    </atx-create-license-act-main>
</form>

J'ai essayé le code suivant ci-dessous, je n'arrive pas à le faire fonctionner ...

clickdone = element.all(by.cssContainingText('.mat-button-wrapper','Add License')).get(0);
clickdone = element.all(by.css('button.mat-raised-button.mat-accent')).get(1);
clickdone = element(by.cssContainingText('span.mat-button-wrapper','Add License'));
clickdone = element.all(by.cssContainingText('button.mat-raised-button.mat-accent','Add License')).get(0);

puis effectué ...

clickdone.click();

aucun d'entre eux ne semble fonctionner .. et une erreur dit .. "Échec: élément non interactif". Qu'est-ce que ça veut dire? Je suis resté là-dessus, une idée de comment faire cela?