104 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			104 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!doctype html>
 | 
						|
<!--
 | 
						|
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 | 
						|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 | 
						|
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 | 
						|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 | 
						|
Code distributed by Google as part of the polymer project is also
 | 
						|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 | 
						|
-->
 | 
						|
<html>
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <title>core-range-basic</title>
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 | 
						|
 | 
						|
  <script src="../../webcomponentsjs/webcomponents.js"></script>
 | 
						|
  <script src="../../web-component-tester/browser.js"></script>
 | 
						|
 | 
						|
  <link rel="import" href="../core-range.html">
 | 
						|
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
 | 
						|
  <core-range></core-range>
 | 
						|
 | 
						|
  <script>
 | 
						|
 | 
						|
    var range = document.querySelector('core-range');
 | 
						|
 | 
						|
    suite('basic', function() {
 | 
						|
      
 | 
						|
      test('check default', function() {
 | 
						|
        assert.equal(range.min, 0);
 | 
						|
        assert.equal(range.max, 100);
 | 
						|
        assert.equal(range.value, 0);
 | 
						|
      });
 | 
						|
 | 
						|
      test('set value', function(done) {
 | 
						|
        range.value = 50;
 | 
						|
        asyncPlatformFlush(function() {
 | 
						|
          assert.equal(range.value, 50);
 | 
						|
          // test clamp value
 | 
						|
          range.value = 60.1;
 | 
						|
          asyncPlatformFlush(function() {
 | 
						|
            assert.equal(range.value, 60);
 | 
						|
            done();
 | 
						|
          });
 | 
						|
        });
 | 
						|
      });
 | 
						|
      
 | 
						|
      test('set max', function(done) {
 | 
						|
        range.max = 10;
 | 
						|
        range.value = 11;
 | 
						|
        asyncPlatformFlush(function() {
 | 
						|
          assert.equal(range.value, range.max);
 | 
						|
          done();
 | 
						|
        });
 | 
						|
      });
 | 
						|
      
 | 
						|
      test('test ratio', function(done) {
 | 
						|
        range.max = 10;
 | 
						|
        range.value = 5;
 | 
						|
        asyncPlatformFlush(function() {
 | 
						|
          assert.equal(range.ratio, 50);
 | 
						|
          done();
 | 
						|
        });
 | 
						|
      });
 | 
						|
      
 | 
						|
      test('set min', function(done) {
 | 
						|
        range.min = 10
 | 
						|
        range.max = 50;
 | 
						|
        range.value = 30;
 | 
						|
        asyncPlatformFlush(function() {
 | 
						|
          assert.equal(range.ratio, 50);
 | 
						|
          range.value = 0;
 | 
						|
          asyncPlatformFlush(function() {
 | 
						|
            assert.equal(range.value, range.min);
 | 
						|
            done();
 | 
						|
          });
 | 
						|
        });
 | 
						|
      });
 | 
						|
      
 | 
						|
      test('set step', function(done) {
 | 
						|
        range.min = 0;
 | 
						|
        range.max = 10;
 | 
						|
        range.value = 5.1;
 | 
						|
        asyncPlatformFlush(function() {
 | 
						|
          assert.equal(range.value, 5);
 | 
						|
          range.step = 0.1;
 | 
						|
          range.value = 5.1;
 | 
						|
          asyncPlatformFlush(function() {
 | 
						|
            assert.equal(range.value, 5.1);
 | 
						|
            done();
 | 
						|
          });
 | 
						|
        });
 | 
						|
      });
 | 
						|
 | 
						|
    });
 | 
						|
 | 
						|
  </script>
 | 
						|
 | 
						|
</body>
 | 
						|
</html>
 |