recherche un élément dans un répéteur contenant un texte spécifique à l'aide de rapporteur

Comment pourrais-je recherche un élément à partir d'un répéteur contenant un texte spécifique ?

J'ai essayé des choses comme ça : 

element(by.repeater('item in array')).all(by.cssContainingText('.xyz','my item title')); //only gets the first element

Je pourrais chercher par moi-même à l'aide de .then après element.all mais je me demandais si il existe quelque chose de plus simple comme cssContainingText mais pour les redoublants :

element(by.repeaterContainingText('item in array','my item title'))

ou un élément de chaînage comme ça :

element.all(by.repeater('item in array')).element(by.cssContainingText('.xyz','my item title'));

Une solution avec filtre (mais très lent)

element.all(by.repeater('item in array')).filter(function(elem){
    return elem.getText().then(function(text){
        return text.indexOf('my item title') > -1;
    });
}).then(function(filteredElements) {
    return filteredElements[0];
})
  • veuillez envisager d'accepter une réponse.
InformationsquelleAutor sylvain | 2014-07-30
  1. 2

    Rapporteur permet d'ajouter des locators.. je suis en utilisant la suite de la mise en œuvre (javascript) avec succès dans un projet avec 20 tests ou si.

    Voici une solution à l'aide de lodash et jquery.
    Ci-dessous, il est également un pur javascript.

    https://gist.github.com/GuyMograbi/7a5f5e580bcf8d7da58a

    by.addLocator('text',

/**
 *
 * @param {string} text - will be lowercased
 * @param {string} selector - to get list of children
 * @param {null|object} parent - protractor will provide this..
 */
function(text, selector, parent) {
    return _.filter($(parent || 'body').find(selector), function(e){
        return $(e).is(':visible') && $(e).text().toLowerCase().trim() === text.toLowerCase().trim();
    });
});

    et l'utiliser avec 

    return $('table').all(by.text('my text', 'tr')).first().getText().then(function(text){...})

    ou 

    return element(by.text('my text', 'tr')).getText().then(function(text){...})

    N'oubliez pas les points suivants à propos du rapporteur et des localisateurs

    Je viens de passer 2 heures de briser mon cerveau pourquoi mon locator ne fonctionne pas. n'oubliez pas:

    • rapporteur, 'ignore' éléments cachés, cependant votre localisateur ne le fait pas par défaut. donc, si vous écrivez une coutume de localisation, afin qu'il fonctionne comme prévu dans angulaire vous devez éliminer les éléments cachés
    • si vous avez besoin de debug, j'ai trouvé le plus utile à l'aide de getOuterHtml().then..

    Pur JavaScript

    C'est la façon dont il en sera de même de regarder sans jquery et lodash

    by.addLocator('text',

/**
 *
 * @param text - will be lowercased
 * @param selector - to get list of children
 * @param parent - protractor will provide this..
 */
function(text, selector, _parent) {

    return Array.prototype.filter.call( (_parent || document).querySelectorAll(selector), function(e){
        return e && !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) && e.textContent && e.textContent.toLowerCase().trim() === text.toLowerCase().trim();

    });
});

    Remarque importante - ou - pourquoi cela devrait être la bonne réponse

    À l'aide de filter vous obtenez une promesse. grâce à cette solution, vous obtenez un élément. Donc au lieu d'avoir un getByText(..).then(function(e){ e.click() }) vous aurez getByText(...).click() - sweeet!

    Limites et améliorations possibles

    dans votre cas, le relais localisateur ne peut pas être utilisé, qui est une déception, sauf si vous modifiez l'emplacement au lieu de text être textInRepeater puis ont '[ng-repeat=' + repeater + ']' en quelque sorte ajouté dans le code.

    Une autre chose que vous pourriez vouloir améliorer ce qui est très utile.
    Parfois, vous voulez obtenir un élément qui CONTIENT du texte, ou éventuellement contient un enfant avec le texte, mais vous voulez vraiment pour sélectionner le parent.

    InformationsquelleAutor guy mograbi
  2. 1

    Oui, vous pouvez enchaîner les éléments du Rapporteur.

    element(locator1).element(locator2);

    rapporteur-Localisateurs.md

    • Je pense que l'élément(locator1).élément(locator2); s'applique lorsque locator1 points à un seul élément, et non pas un tableau d'éléments.
    • La droite afin de l'élément.tous(locator1).élément(locator2);
    InformationsquelleAutor Gamebreaker
  3. -1

    Je sais que vous avez probablement n'avez pas besoin d'une réponse plus mais je mais je voudrais le mettre à jour au cas où quelqu'un d'autre a eu ce même problème. Vous pouvez utiliser 

    element(by.linkText('.xyz'));
    InformationsquelleAutor ruby_newbie