Dear Community,
Below is the record done.
When looking what the recorder generated, we can see that when I set the description of the request
“This is a content of my request to help support…”, I’m getting this recorded actions:
As you can see, we are not able to see a “set text” action on description of my request.
Looking on detail of the page which is embedded a rich text widget, I’m getting the following details (inspect):
<div class="col-xs-10">
<!-- ngIf: !environment --><div ng-if="!environment" class="ng-scope">
<div text-angular="" name="richTextAreaWidget0" ta-disabled="properties.readOnly" ng-model="properties.value" ta-toolbar="[["h1","h2","h3","h4","h5","h6","p","ul","ol"],["bold","italics","underline","strikeThrough","pre","quote"],["justifyLeft","justifyCenter","justifyRight","indent","outdent"],["undo","redo","clear"]]" ng-required="true" ta-min-text="0" ta-max-text="9007199254740991" placeholder="Provide as much detail as possible related to your issue to help us understand it and provide the best solution quickly." class="ng-pristine ng-untouched ng-isolate-scope ta-root ng-valid-ta-min-text ng-valid-ta-max-text ng-invalid ng-invalid-required focussed" required="required"><div text-angular-toolbar="" name="textAngularToolbar6749658432077827" ta-toolbar="[["h1","h2","h3","h4","h5","h6","p","ul","ol"],["bold","italics","underline","strikeThrough","pre","quote"],["justifyLeft","justifyCenter","justifyRight","indent","outdent"],["undo","redo","clear"]]" class="ng-scope ng-isolate-scope ta-toolbar btn-toolbar focussed"><div class="btn-group"><button type="button" class="btn btn-default ng-scope" name="h1" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 1" unselectable="on">H1</button><button type="button" class="btn btn-default ng-scope" name="h2" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 2" unselectable="on">H2</button><button type="button" class="btn btn-default ng-scope" name="h3" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 3" unselectable="on">H3</button><button type="button" class="btn btn-default ng-scope" name="h4" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 4" unselectable="on">H4</button><button type="button" class="btn btn-default ng-scope" name="h5" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 5" unselectable="on">H5</button><button type="button" class="btn btn-default ng-scope" name="h6" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Titre 6" unselectable="on">H6</button><button type="button" class="btn btn-default ng-scope active" name="p" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Paragraphe" unselectable="on">P</button><button type="button" class="btn btn-default ng-scope" name="ul" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Liste" unselectable="on"><i class="fa fa-list-ul"></i></button><button type="button" class="btn btn-default ng-scope" name="ol" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Liste numérotée" unselectable="on"><i class="fa fa-list-ol"></i></button></div><div class="btn-group"><button type="button" class="btn btn-default ng-scope" name="bold" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Gras" unselectable="on"><i class="fa fa-bold"></i></button><button type="button" class="btn btn-default ng-scope" name="italics" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Italique" unselectable="on"><i class="fa fa-italic"></i></button><button type="button" class="btn btn-default ng-scope" name="underline" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Souligné" unselectable="on"><i class="fa fa-underline"></i></button><button type="button" class="btn btn-default ng-scope" name="strikeThrough" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Barré" unselectable="on"><i class="fa fa-strikethrough"></i></button><button type="button" class="btn btn-default ng-scope" name="pre" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Texte préformaté" unselectable="on">pre</button><button type="button" class="btn btn-default ng-scope" name="quote" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Formater le paragraphe ou la sélection en citation" unselectable="on"><i class="fa fa-quote-right"></i></button></div><div class="btn-group"><button type="button" class="btn btn-default ng-scope active" name="justifyLeft" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Aligner le texte à gauche" unselectable="on"><i class="fa fa-align-left"></i></button><button type="button" class="btn btn-default ng-scope" name="justifyCenter" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Centrer" unselectable="on"><i class="fa fa-align-center"></i></button><button type="button" class="btn btn-default ng-scope" name="justifyRight" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Aligner le texte à droite" unselectable="on"><i class="fa fa-align-right"></i></button><button type="button" class="btn btn-default ng-scope" name="indent" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Augmenter l'indentation" unselectable="on"><i class="fa fa-indent"></i></button><button type="button" class="btn btn-default ng-scope" name="outdent" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Diminuer l'indentation" unselectable="on"><i class="fa fa-outdent"></i></button></div><div class="btn-group"><button type="button" class="btn btn-default ng-scope" name="undo" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Annuler" unselectable="on"><i class="fa fa-undo"></i></button><button type="button" class="btn btn-default ng-scope" name="redo" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Rétablir" unselectable="on"><i class="fa fa-repeat"></i></button><button type="button" class="btn btn-default ng-scope" name="clear" ta-button="ta-button" ng-disabled="isDisabled()" tabindex="-1" ng-click="executeAction()" ng-class="displayActiveToolClass(active)" title="Basculer l'affichage du texte vers HTML / Rich Text" unselectable="on"><i class="fa fa-ban"></i></button></div></div><div class="ta-scroll-window ng-scope ta-text ta-editor form-control" ng-hide="showHtml"><div class="popover fade bottom" style="max-width: none; width: 305px;"><div class="arrow"></div><div class="popover-content"></div></div><div class="ta-resizer-handle-overlay"><div class="ta-resizer-handle-background"></div><div class="ta-resizer-handle-corner ta-resizer-handle-corner-tl"></div><div class="ta-resizer-handle-corner ta-resizer-handle-corner-tr"></div><div class="ta-resizer-handle-corner ta-resizer-handle-corner-bl"></div><div class="ta-resizer-handle-corner ta-resizer-handle-corner-br"></div><div class="ta-resizer-handle-info"></div></div><div id="taTextElement6749658432077827" contenteditable="true" ta-bind="ta-bind" ng-model="html" placeholder="Provide as much detail as possible related to your issue to help us understand it and provide the best solution quickly." ta-readonly="disabled" class="ng-pristine ng-valid ta-bind ng-touched placeholder-text"><p><br></p></div></div><textarea id="taHtmlElement6749658432077827" ng-show="showHtml" ta-bind="ta-bind" ng-model="html" placeholder="Provide as much detail as possible related to your issue to help us understand it and provide the best solution quickly." ta-readonly="disabled" class="ng-pristine ng-untouched ng-valid ng-scope ta-bind ta-html ta-editor form-control ng-hide"></textarea><input type="hidden" tabindex="-1" style="display: none;" name="richTextAreaWidget0" value=""></div>
<div ng-messages="$form[ctrl.name].$dirty && $form[ctrl.name].$error" ng-messages-include="forms-generic-errors.html" role="alert" class="ng-inactive"><!-- ngMessage: required --><!-- ngMessage: minlength --><!-- ngMessage: maxlength --><!-- ngMessage: min --><!-- ngMessage: max --><!-- ngMessage: email --><!-- ngMessage: url --><!-- ngMessage: date --></div>
<div ng-messages="$form[ctrl.name].$dirty && $form[ctrl.name].$error" role="alert" class="ng-inactive">
<!-- ngMessage: taMinText -->
<!-- ngMessage: taMaxText -->
</div>
</div><!-- end ngIf: !environment -->
<!-- ngIf: environment -->
</div>
I tried to create a XPath Object like this:
But it didn’t help on my test case below:
No issue when running the test case but nothing was set in my description text area !
Any idea to help me to fix my issue there ?
Thanks
Christophe