diff --git a/test/e2e/09-layers-simple-example.js b/test/e2e/09-layers-simple-example.js new file mode 100644 index 00000000..d1359a3c --- /dev/null +++ b/test/e2e/09-layers-simple-example.js @@ -0,0 +1,32 @@ +'use strict'; + +describe('Loading layers-simple-example.html', function() { + + var ptor, driver; + beforeEach(function() { + ptor = protractor.getInstance(); + browser.get('/examples/layers-simple-example.html'); + driver = ptor.driver; + }); + + it('should change the layer tiles if clicked on the leaflet control switch layer', function() { + ptor.wait(function() { + return ptor.isElementPresent(by.xpath('//img[contains(@src, "http://c.tile.openstreetmap.org/")]')); + }); + + expect(ptor.isElementPresent(by.xpath('//img[contains(@src, "http://c.tile.openstreetmap.org/6/53/27.png")]'))).toBe(true); + ptor.actions().mouseMove(element(by.xpath('//a[contains(@class, "leaflet-control-layers-toggle")][1]')).find()).perform(); + + ptor.findElements(by.css("input.leaflet-control-layers-selector")).then(function(inputs) { + var input = inputs[1]; + input.click().then(function() { + ptor.wait(function() { + return ptor.isElementPresent(by.xpath('//img[contains(@src, "http://b.tile.cloudmade.com/")]')).then(function(elementLoaded) { + return elementLoaded; + }); + }); + expect(ptor.isElementPresent(by.xpath('//img[contains(@src, "http://b.tile.cloudmade.com/007b9471b4c74da4a6ec7ff43552b16f/7/256/6/53/26.png")]'))).toBe(true); + }); + }); + }); +});