e2e test for tooltip formatter

Author: JulianWielga

e2e-tests/scenarios.js

@@ -2,38 +2,52 @@
 
 describe('angular-bootstrap-slider', function() {
 
-	beforeEach(function() {
-		browser.get('test.html');
-	});
+	describe('tooltip', function() {
+		var slider, handle, tooltip;
 
-	it('should automatically redirect to /view1 when location hash/fragment is empty', function() {
-		expect(browser.getLocationAbsUrl()).toMatch("/test.html");
-	});
+		beforeEach(function() {
+			browser.get('/test.html');
+			browser.waitForAngular();
+
+			slider = element(by.css('[slider-id="tooltipSlider"]'));
+			handle = slider.element(by.css('.slider-handle.min-slider-handle'))
+			tooltip = slider.element(by.css('.tooltip.tooltip-main'));
+		});
+
+		it('should be visible on hover', function() {
+			browser.actions().mouseMove(handle).perform();
+			expect(tooltip.getAttribute('class')).toMatch('in');
+		});
+
+		it('should have filtered text', function() {
+			browser.actions().mouseMove(handle).perform();
+			expect(tooltip.getText()).toBe('Current value: 0%');
+		});
 
 
-	//describe('view1', function() {
-	//
-	//
-	//
-	//	it('should render view1 when user navigates to /view1', function() {
-	//		expect(element.all(by.css('[ng-view] p')).first().getText()).
-	//			toMatch(/partial for view 1/);
-	//	});
-	//
-	//});
-
-
-	//describe('view2', function() {
-	//
-	//	beforeEach(function() {
-	//		browser.get('index.html#/view2');
-	//	});
-	//
-	//
-	//	it('should render view2 when user navigates to /view2', function() {
-	//		expect(element.all(by.css('[ng-view] p')).first().getText()).
-	//			toMatch(/partial for view 2/);
-	//	});
-	//
-	//});
+		describe('should refresh filtered text', function() {
+			var suffix, relayout;
+
+			beforeEach(function() {
+				suffix = element(by.model('suffix'));
+				relayout = element(by.id('relayout-button'));
+				suffix.clear();
+			});
+
+			it('on relayout event', function() {
+				suffix.sendKeys('aaa');
+				relayout.click();
+				browser.actions().mouseMove(handle).perform();
+				expect(tooltip.getText()).toBe('Current value: 0aaa');
+			});
+
+			it('on drag start', function() {
+				suffix.sendKeys('bbb');
+				handle.click();
+				browser.actions().mouseMove(handle).perform();
+				expect(tooltip.getText()).toBe('Current value: 0bbb');
+			});
+		});
+	});
+
 });

test.html

@@ -122,7 +122,7 @@
 
         <label for="formatter_sufffix">Formatter suffix:</label>
         <input id="formatter_sufffix" type="text" ng-model="suffix" class="form-control">
-        <button ng-click="$broadcast('slider:relayout')">Relayout</button>
+        <button id="relayout-button" ng-click="$broadcast('slider:relayout')">Relayout</button>
     </p>
 
     Slider with configurable tooltip<br>