Protractor "by.css()" vs "$()" Dollar Sign vs "$$()" 'Bling Bling'

Question

Non capisco veramente per cosa siano i comandi $ e $$. Ho pensato che fossero solo un sostituto di "by.css", ma perché il $$?

<element id = "eId"></element> 

ho pensato, che per quanto precede, essi sarebbero equivalenti:

element(by.css('#eId')); 

e

element($('#eId')); 

Tuttavia, il primo funziona e il secondo no. Perché, qual è la differenza tra i tre?

Gli docs sono di scarso aiuto. Sembrano implicare che "$" è solo per concatenare, ad es. element(by.css('#eId')).element($('#childId')); o "Seleziona il primo elemento, quindi seleziona il secondo elemento all'interno del primo elemento." Tuttavia, ho visto esempi con $ utilizzato per selezionare il primo elemento

Ad ogni modo, questo è un sacco di testo per "Quali sono le differenze tra i tre (by.css, $ e $$)?"

Answer 1

$ e $$ sono scorciatoie solo convenienti.

$("selector") è un'alternativa per element(by.css("selector")).

$$("selector") è un'alternativa per element.all(by.css("selector")).

---

FYI, citazione dal source code:

ElementFinder.prototype.$ = function(selector) { 
    return this.element(webdriver.By.css(selector)); 
}; 

ElementArrayFinder.prototype.$$ = function(selector) { 
    return this.all(webdriver.By.css(selector)); 
}; 

E il actual commit che inizialmente ha fatto accadere.