nasıl böyle bir daire şemasını da var İletki

Question

ile bir kanvas elementinin bir alanı üzerine gelerek:

Ve farklı renk üzerine gelirseniz şöyle renk ve metin değişiklikleri, :

diyagramı JavaScript ile inşa edilmiştir. Veriyle doldurulmuş bir <canvas> öğesinden oluşur.

Şimdi, İletki kullanarak bir uçtan uca test yazmak istiyorum. Bunu yapmanın bir yolu var mı? sayfadadır olarak

Bu

, <canvas> elemanın kodudur:

<canvas width="183" height="183" style="width: 183px; height: 183px;"></canvas> 

Ve şu anda var uçtan uca test kodu:

it("should show a circle diagram with 33% activity", function() { 
    expect(Backoffice.doughnutChart.isDisplayed()).toBeTruthy(); 
    expect(Backoffice.doughnutChartText.getText()).toContain("33%"); 
}); 

Answer 1

You öğeyi mouseMovebrowser action ile doldurabilirsiniz. Bu isteğe bağlı bir hassas elemanın hangi bölgeyi denetlemek için kullanabileceğiniz parametre hover ofset etti:

browser.actions() 
    .mouseMove(Backoffice.doughnutChart, {x: 100, y: 100}) 
    .perform();