Home Explore Help
Sign In
hugh
/
select2
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Combine tests into a single file

This combines all of the tests into a single HTML file. This reduces
the number of Sauce Labs sessions and should improve test times.
Kevin Brown 10 years ago
parent
30974e2422
commit
4fb079b34f
13 changed files with 156 additions and 328 deletions
Unified View Show Diff Stats
  1. 0 39
      tests/a11y/selection.html
  2. 0 24
      tests/data.html
  3. 21 21
      tests/data/array-tests.js
  4. 0 25
      tests/data/array.html
  5. 39 36
      tests/data/select-tests.js
  6. 0 51
      tests/data/select.html
  7. 0 23
      tests/data/tags.html
  8. 0 24
      tests/dropdown.html
  9. 0 27
      tests/options.html
  10. 11 1
      tests/options/width-tests.js
  11. 85 0
      tests/runner.html
  12. 0 37
      tests/selection.html
  13. 0 20
      tests/utils.html

+ 0 - 39
tests/a11y/selection.html
View File 

@@ -1,39 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <select class="single" title="This is an example title" tabindex="0">
 
-        <option value="default">Default</option>
 
-        <option value="1">One</option>
 
-        <option>2</option>
 
-      </select>
 
-
 
-      <select class="multiple" multiple="multiple" title="One more example title" tabindex="0">
 
-        <option value="default">Default</option>
 
-        <option value="1">One</option>
 
-        <option>2</option>
 
-      </select>
 
-
 
-      <select class="groups" tabindex="0">
 
-        <optgroup label="Test">
 
-          <option value="one">One</option>
 
-          <option value="two">Two</option>
 
-        </optgroup>
 
-        <optgroup label="Empty"></optgroup>
 
-      </select>
 
-    </div>
 
-
 
-    <script src="../vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="../helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="selection-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 0 - 24
tests/data.html
View File 

@@ -1,24 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture"></div>
 
-
 
-    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="data/base-tests.js" type="text/javascript"></script>
 
-    <script src="data/inputData-tests.js" type="text/javascript"></script>
 
-
 
-    <script src="data/maximumInputLength-tests.js" type="text/javascript"></script>
 
-    <script src="data/maximumSelectionLength-tests.js" type="text/javascript"></script>
 
-    <script src="data/minimumInputLength-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 21 - 21
tests/data/array-tests.js
View File 

@@ -4,7 +4,7 @@ var ArrayData = require('select2/data/array');
 
 var $ = require('jquery');
 
 var $ = require('jquery');
 
 var Options = require('select2/options');
 
 var Options = require('select2/options');
 
 
 
-var options = new Options({
 
+var arrayOptions = new Options({
 
   data: [
 
   data: [
 
     {
 
     {
 
       id: 'default',
 
       id: 'default',
 
@@ -41,9 +41,9 @@ var nestedOptions = new Options({
 
 });
 
 });
 
 
 
 test('current gets default for single', function (assert) {
 
 test('current gets default for single', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   data.current(function (val) {
 
   data.current(function (val) {
 
     assert.equal(
 
     assert.equal(
 
@@ -65,7 +65,7 @@ test('current gets default for single', function (assert) {
 
 test('current gets default for multiple', function (assert) {
 
 test('current gets default for multiple', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   data.current(function (val) {
 
   data.current(function (val) {
 
     assert.equal(
 
     assert.equal(
 
@@ -79,9 +79,9 @@ test('current gets default for multiple', function (assert) {
 
 test('current works with existing selections', function (assert) {
 
 test('current works with existing selections', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
-  $select.val(['3']);
 
+  $select.val(['One']);
 
 
 
   data.current(function (val) {
 
   data.current(function (val) {
 
     assert.equal(
 
     assert.equal(
 
@@ -94,22 +94,22 @@ test('current works with existing selections', function (assert) {
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.id,
 
       option.id,
 
-      '3',
 
+      'One',
 
       'The id should be equal to the value of the option tag.'
 
       'The id should be equal to the value of the option tag.'
 
     );
 
     );
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.text,
 
       option.text,
 
-      'Three',
 
+      'One',
 
       'The text should be equal to the text of the option tag.'
 
       'The text should be equal to the text of the option tag.'
 
     );
 
     );
 
   });
 
   });
 
 });
 
 });
 
 
 
 test('current works with selected data', function (assert) {
 
 test('current works with selected data', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   data.select({
 
   data.select({
 
     id: '2',
 
     id: '2',
 
@@ -140,9 +140,9 @@ test('current works with selected data', function (assert) {
 
 });
 
 });
 
 
 
 test('select works for single', function (assert) {
 
 test('select works for single', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   assert.equal(
 
   assert.equal(
 
     $select.val(),
 
     $select.val(),
 
@@ -165,7 +165,7 @@ test('select works for single', function (assert) {
 
 test('multiple sets the value', function (assert) {
 
 test('multiple sets the value', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   assert.equal($select.val(), null);
 
   assert.equal($select.val(), null);
 
 
 
@@ -180,24 +180,24 @@ test('multiple sets the value', function (assert) {
 
 test('multiple adds to the old value', function (assert) {
 
 test('multiple adds to the old value', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
-  $select.val(['3']);
 
+  $select.val(['One']);
 
 
 
-  assert.deepEqual($select.val(), ['3']);
 
+  assert.deepEqual($select.val(), ['One']);
 
 
 
   data.select({
 
   data.select({
 
     id: 'default',
 
     id: 'default',
 
     text: 'Default'
 
     text: 'Default'
 
   });
 
   });
 
 
 
-  assert.deepEqual($select.val(), ['3', 'default']);
 
+  assert.deepEqual($select.val(), ['One', 'default']);
 
 });
 
 });
 
 
 
 test('option tags are automatically generated', function (assert) {
 
 test('option tags are automatically generated', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
-  var data = new ArrayData($select, options);
 
+  var data = new ArrayData($select, arrayOptions);
 
 
 
   assert.equal(
 
   assert.equal(
 
     $select.find('option').length,
 
     $select.find('option').length,
 
@@ -207,7 +207,7 @@ test('option tags are automatically generated', function (assert) {
 
 });
 
 });
 
 
 
 test('optgroup tags can also be generated', function (assert) {
 
 test('optgroup tags can also be generated', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
   var data = new ArrayData($select, nestedOptions);
 
   var data = new ArrayData($select, nestedOptions);
 
 
 
@@ -225,7 +225,7 @@ test('optgroup tags can also be generated', function (assert) {
 
 });
 
 });
 
 
 
 test('optgroup tags have the right properties', function (assert) {
 
 test('optgroup tags have the right properties', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-empty');
 
 
 
   var data = new ArrayData($select, nestedOptions);
 
   var data = new ArrayData($select, nestedOptions);

+ 0 - 25
tests/data/array.html
View File 

@@ -1,25 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <select class="single"></select>
 
-
 
-      <select class="multiple" multiple="multiple">
 
-        <option value="3">Three</option>
 
-      </select>
 
-    </div>
 
-
 
-    <script src="../vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="../helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="array-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 39 - 36
tests/data/select-tests.js
View File 

@@ -3,12 +3,12 @@ module('Data adapters - Select - current');
 
 var SelectData = require('select2/data/select');
 
 var SelectData = require('select2/data/select');
 
 var $ = require('jquery');
 
 var $ = require('jquery');
 
 var Options = require('select2/options');
 
 var Options = require('select2/options');
 
-var options = new Options({});
 
+var selectOptions = new Options({});
 
 
 
 test('current gets default for single', function (assert) {
 
 test('current gets default for single', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.current(function (data) {
 
   data.current(function (data) {
 
     assert.equal(
 
     assert.equal(
 
@@ -21,13 +21,13 @@ test('current gets default for single', function (assert) {
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.id,
 
       option.id,
 
-      'default',
 
+      'One',
 
       'The value of the option tag should be the id'
 
       'The value of the option tag should be the id'
 
     );
 
     );
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.text,
 
       option.text,
 
-      'Default',
 
+      'One',
 
       'The text within the option tag should be the text'
 
       'The text within the option tag should be the text'
 
     );
 
     );
 
   });
 
   });
 
@@ -36,7 +36,7 @@ test('current gets default for single', function (assert) {
 
 test('current gets default for multiple', function (assert) {
 
 test('current gets default for multiple', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.current(function (data) {
 
   data.current(function (data) {
 
     assert.equal(
 
     assert.equal(
 
@@ -50,7 +50,10 @@ test('current gets default for multiple', function (assert) {
 
 test('current gets options with explicit value', function (assert) {
 
 test('current gets options with explicit value', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var $option = $('<option value="1">One</option>');
 
+  $select.append($option);
 
+
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   $select.val('1');
 
   $select.val('1');
 
 
 
@@ -80,9 +83,9 @@ test('current gets options with explicit value', function (assert) {
 
 test('current gets options with implicit value', function (assert) {
 
 test('current gets options with implicit value', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
-  $select.val('2');
 
+  $select.val('One');
 
 
 
   data.current(function (val) {
 
   data.current(function (val) {
 
     assert.equal(
 
     assert.equal(
 
@@ -95,63 +98,63 @@ test('current gets options with implicit value', function (assert) {
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.id,
 
       option.id,
 
-      '2',
 
+      'One',
 
       'The id should be the same as the option text'
 
       'The id should be the same as the option text'
 
     );
 
     );
 
 
 
     assert.equal(
 
     assert.equal(
 
       option.text,
 
       option.text,
 
-      '2',
 
+      'One',
 
       'The text should be the same as the option text'
 
       'The text should be the same as the option text'
 
     );
 
     );
 
   });
 
   });
 
 });
 
 });
 
 
 
 test('select works for single', function (assert) {
 
 test('select works for single', function (assert) {
 
-  var $select = $('#qunit-fixture .single');
 
+  var $select = $('#qunit-fixture .single-with-placeholder');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
-  assert.equal($select.val(), 'default');
 
+  assert.equal($select.val(), 'placeholder');
 
 
 
   data.select({
 
   data.select({
 
-    id: '1',
 
+    id: 'One',
 
     text: 'One'
 
     text: 'One'
 
   });
 
   });
 
 
 
-  assert.equal($select.val(), '1');
 
+  assert.equal($select.val(), 'One');
 
 });
 
 });
 
 
 
 test('multiple sets the value', function (assert) {
 
 test('multiple sets the value', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   assert.equal($select.val(), null);
 
   assert.equal($select.val(), null);
 
 
 
   data.select({
 
   data.select({
 
-    id: 'default',
 
-    text: 'Default'
 
+    id: 'Two',
 
+    text: 'Two'
 
   });
 
   });
 
 
 
-  assert.deepEqual($select.val(), ['default']);
 
+  assert.deepEqual($select.val(), ['Two']);
 
 });
 
 });
 
 
 
 test('multiple adds to the old value', function (assert) {
 
 test('multiple adds to the old value', function (assert) {
 
   var $select = $('#qunit-fixture .multiple');
 
   var $select = $('#qunit-fixture .multiple');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
-  $select.val(['2']);
 
+  $select.val(['Two']);
 
 
 
-  assert.deepEqual($select.val(), ['2']);
 
+  assert.deepEqual($select.val(), ['Two']);
 
 
 
   data.select({
 
   data.select({
 
-    id: 'default',
 
-    text: 'Default'
 
+    id: 'One',
 
+    text: 'One'
 
   });
 
   });
 
 
 
-  assert.deepEqual($select.val(), ['default', '2']);
 
+  assert.deepEqual($select.val(), ['One', 'Two']);
 
 });
 
 });
 
 
 
 test('duplicates - single - same id on select triggers change',
 
 test('duplicates - single - same id on select triggers change',
 
@@ -311,12 +314,12 @@ module('Data adapter - Select - query');
 
 test('all options are returned with no term', function (assert) {
 
 test('all options are returned with no term', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({}, function (data) {
 
   data.query({}, function (data) {
 
     assert.equal(
 
     assert.equal(
 
       data.results.length,
 
       data.results.length,
 
-      3,
 
+      1,
 
       'The number of items returned should be equal to the number of options'
 
       'The number of items returned should be equal to the number of options'
 
     );
 
     );
 
   });
 
   });
 
@@ -325,15 +328,15 @@ test('all options are returned with no term', function (assert) {
 
 test('the matcher checks the text', function (assert) {
 
 test('the matcher checks the text', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({
 
   data.query({
 
-    term: 'Default'
 
+    term: 'One'
 
   }, function (data) {
 
   }, function (data) {
 
     assert.equal(
 
     assert.equal(
 
       data.results.length,
 
       data.results.length,
 
       1,
 
       1,
 
-      'Only the "Default" option should be found'
 
+      'Only the "One" option should be found'
 
     );
 
     );
 
   });
 
   });
 
 });
 
 });
 
@@ -341,7 +344,7 @@ test('the matcher checks the text', function (assert) {
 
 test('the matcher ignores case', function (assert) {
 
 test('the matcher ignores case', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({
 
   data.query({
 
     term: 'one'
 
     term: 'one'
 
@@ -357,7 +360,7 @@ test('the matcher ignores case', function (assert) {
 
 test('no options may be returned with no matches', function (assert) {
 
 test('no options may be returned with no matches', function (assert) {
 
   var $select = $('#qunit-fixture .single');
 
   var $select = $('#qunit-fixture .single');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({
 
   data.query({
 
     term: 'qwerty'
 
     term: 'qwerty'
 
@@ -373,7 +376,7 @@ test('no options may be returned with no matches', function (assert) {
 
 test('optgroup tags are marked with children', function (assert) {
 
 test('optgroup tags are marked with children', function (assert) {
 
   var $select = $('#qunit-fixture .groups');
 
   var $select = $('#qunit-fixture .groups');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({}, function (data) {
 
   data.query({}, function (data) {
 
     assert.ok(
 
     assert.ok(
 
@@ -386,7 +389,7 @@ test('optgroup tags are marked with children', function (assert) {
 
 test('empty optgroups are still shown when queried', function (assert) {
 
 test('empty optgroups are still shown when queried', function (assert) {
 
   var $select = $('#qunit-fixture .groups');
 
   var $select = $('#qunit-fixture .groups');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({}, function (data) {
 
   data.query({}, function (data) {
 
     assert.equal(
 
     assert.equal(
 
@@ -414,7 +417,7 @@ test('empty optgroups are still shown when queried', function (assert) {
 
 test('multiple options with the same value are returned', function (assert) {
 
 test('multiple options with the same value are returned', function (assert) {
 
   var $select = $('#qunit-fixture .duplicates');
 
   var $select = $('#qunit-fixture .duplicates');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   data.query({}, function (data) {
 
   data.query({}, function (data) {
 
     assert.equal(
 
     assert.equal(
 
@@ -443,7 +446,7 @@ test('multiple options with the same value are returned', function (assert) {
 
 test('data objects use the text of the option', function (assert) {
 
 test('data objects use the text of the option', function (assert) {
 
   var $select = $('#qunit-fixture .duplicates');
 
   var $select = $('#qunit-fixture .duplicates');
 
 
 
-  var data = new SelectData($select, options);
 
+  var data = new SelectData($select, selectOptions);
 
 
 
   var $option = $('<option>&amp;</option>');
 
   var $option = $('<option>&amp;</option>');

+ 0 - 51
tests/data/select.html
View File 

@@ -1,51 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <select class="single">
 
-        <option value="default">Default</option>
 
-        <option value="1">One</option>
 
-        <option>2</option>
 
-      </select>
 
-
 
-      <select class="multiple" multiple="multiple">
 
-        <option value="default">Default</option>
 
-        <option value="1">One</option>
 
-        <option>2</option>
 
-      </select>
 
-
 
-      <select class="groups">
 
-        <optgroup label="Test">
 
-          <option value="one">One</option>
 
-          <option value="two">Two</option>
 
-        </optgroup>
 
-        <optgroup label="Empty"></optgroup>
 
-      </select>
 
-
 
-      <select class="duplicates">
 
-        <option value="one">One</option>
 
-        <option value="two">Two</option>
 
-        <option value="one">Uno</option>
 
-      </select>
 
-
 
-      <select class="duplicates-multi" multiple="multiple">
 
-        <option value="one">One</option>
 
-        <option value="two">Two</option>
 
-        <option value="one">Uno</option>
 
-      </select>
 
-    </div>
 
-
 
-    <script src="../vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="../helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="select-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 0 - 23
tests/data/tags.html
View File 

@@ -1,23 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <select class="single">
 
-        <option>One</option>
 
-      </select>
 
-    </div>
 
-
 
-    <script src="../vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="../helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="tags-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 0 - 24
tests/dropdown.html
View File 

@@ -1,24 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <div class="event-container">
 
-        <select></select>
 
-      </div>
 
-    </div>
 
-
 
-    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="dropdown/selectOnClose-tests.js" type="text/javascript"></script>
 
-    <script src="dropdown/stopPropagation-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 0 - 27
tests/options.html
View File 

@@ -1,27 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <style type="text/css">
 
-    .css-set-width {
 
-      width: 500px;
 
-    }
 
-    </style>
 
-
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture"></div>
 
-
 
-    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="options/data-tests.js" type="text/javascript"></script>
 
-    <script src="options/deprecated-tests.js" type="text/javascript"></script>
 
-    <script src="options/width-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 11 - 1
tests/options/width-tests.js
View File 

@@ -29,8 +29,13 @@ test('width from style returns null if nothing is found', function (assert) {
 
   assert.equal(width, null);
 
   assert.equal(width, null);
 
 });
 
 });
 
 
 
-test('width from computer element width', function (assert) {
 
+test('width from computed element width', function (assert) {
 
+  var $style = $(
 
+    '<style type="text/css">.css-set-width { width: 500px; }</style>'
 
+  );
 
   var $test = $('<select class="css-set-width"></select>');
 
   var $test = $('<select class="css-set-width"></select>');
 
+
 
+  $('#qunit-fixture').append($style);
 
   $('#qunit-fixture').append($test);
 
   $('#qunit-fixture').append($test);
 
 
 
   var width = select._resolveWidth($test, 'element');
 
   var width = select._resolveWidth($test, 'element');
 
@@ -47,7 +52,12 @@ test('resolve gets the style if it is there', function (assert) {
 
 });
 
 });
 
 
 
 test('resolve falls back to element if there is no style', function (assert) {
 
 test('resolve falls back to element if there is no style', function (assert) {
 
+  var $style = $(
 
+    '<style type="text/css">.css-set-width { width: 500px; }</style>'
 
+  );
 
   var $test = $('<select class="css-set-width"></select>');
 
   var $test = $('<select class="css-set-width"></select>');
 
+
 
+  $('#qunit-fixture').append($style);
 
   $('#qunit-fixture').append($test);
 
   $('#qunit-fixture').append($test);
 
 
 
   var width = select._resolveWidth($test, 'resolve');
 
   var width = select._resolveWidth($test, 'resolve');

+ 85 - 0
tests/runner.html
View File 

@@ -0,0 +1,85 @@
 
+<!doctype html>
 
+<html>
 
+  <head>
 
+    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
+    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
+  </head>
 
+  <body>
 
+    <div id="qunit"></div>
 
+    <div id="qunit-fixture">
 
+      <div class="event-container">
 
+        <select></select>
 
+      </div>
 
+
 
+      <select class="single">
 
+        <option>One</option>
 
+      </select>
 
+
 
+      <select class="single-empty"></select>
 
+
 
+      <select class="single-with-placeholder">
 
+        <option>placeholder</option>
 
+        <option>One</option>
 
+      </select>
 
+
 
+      <select class="multiple" multiple="multiple">
 
+        <option>One</option>
 
+        <option>Two</option>
 
+      </select>
 
+
 
+      <select class="groups">
 
+        <optgroup label="Test">
 
+          <option value="one">One</option>
 
+          <option value="two">Two</option>
 
+        </optgroup>
 
+        <optgroup label="Empty"></optgroup>
 
+      </select>
 
+
 
+      <select class="duplicates">
 
+        <option value="one">One</option>
 
+        <option value="two">Two</option>
 
+        <option value="one">Uno</option>
 
+      </select>
 
+
 
+      <select class="duplicates-multi" multiple="multiple">
 
+        <option value="one">One</option>
 
+        <option value="two">Two</option>
 
+        <option value="one">Uno</option>
 
+      </select>
 
+    </div>
 
+
 
+    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
+    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
+    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
+
 
+    <script src="helpers.js" type="text/javascript"></script>
 
+
 
+    <script src="a11y/selection-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="data/array-tests.js" type="text/javascript"></script>
 
+    <script src="data/base-tests.js" type="text/javascript"></script>
 
+    <script src="data/inputData-tests.js" type="text/javascript"></script>
 
+    <script src="data/select-tests.js" type="text/javascript"></script>
 
+    <script src="tags-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="data/maximumInputLength-tests.js" type="text/javascript"></script>
 
+    <script src="data/maximumSelectionLength-tests.js" type="text/javascript"></script>
 
+    <script src="data/minimumInputLength-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="dropdown/selectOnClose-tests.js" type="text/javascript"></script>
 
+    <script src="dropdown/stopPropagation-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="options/data-tests.js" type="text/javascript"></script>
 
+    <script src="options/deprecated-tests.js" type="text/javascript"></script>
 
+    <script src="options/width-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="selection/allowClear-tests.js" type="text/javascript"></script>
 
+    <script src="selection/multiple-tests.js" type="text/javascript"></script>
 
+    <script src="selection/placeholder-tests.js" type="text/javascript"></script>
 
+    <script src="selection/single-tests.js" type="text/javascript"></script>
 
+    <script src="selection/stopPropagation-tests.js" type="text/javascript"></script>
 
+
 
+    <script src="utils/decorator-tests.js" type="text/javascript"></script>
 
+    <script src="utils/escapeMarkup-tests.js" type="text/javascript"></script>
 
+  </body>
 
+</html>

+ 0 - 37
tests/selection.html
View File 

@@ -1,37 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture">
 
-      <select class="single">
 
-        <option>One</option>
 
-      </select>
 
-
 
-      <select class="single-with-placeholder">
 
-        <option>placeholder</option>
 
-        <option>One</option>
 
-      </select>
 
-
 
-      <select class="multiple" multiple="multiple">
 
-        <option>One</option>
 
-        <option>Two</option>
 
-      </select>
 
-    </div>
 
-
 
-    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="selection/allowClear-tests.js" type="text/javascript"></script>
 
-    <script src="selection/multiple-tests.js" type="text/javascript"></script>
 
-    <script src="selection/placeholder-tests.js" type="text/javascript"></script>
 
-    <script src="selection/single-tests.js" type="text/javascript"></script>
 
-    <script src="selection/stopPropagation-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>

+ 0 - 20
tests/utils.html
View File 

@@ -1,20 +0,0 @@
 
-<!doctype html>
 
-<html>
 
-  <head>
 
-    <link rel="stylesheet" href="../vendor/qunit-1.14.0.css" type="text/css" />
 
-    <link rel="stylesheet" href="../../dist/css/select2.css" type="text/css" />
 
-  </head>
 
-  <body>
 
-    <div id="qunit"></div>
 
-    <div id="qunit-fixture"></div>
 
-
 
-    <script src="vendor/qunit-1.14.0.js" type="text/javascript"></script>
 
-    <script src="../vendor/jquery-2.1.0.js" type="text/javascript"></script>
 
-    <script src="../dist/js/select2.full.js" type="text/javascript"></script>
 
-
 
-    <script src="helpers.js" type="text/javascript"></script>
 
-
 
-    <script src="utils/decorator-tests.js" type="text/javascript"></script>
 
-    <script src="utils/escapeMarkup-tests.js" type="text/javascript"></script>
 
-  </body>
 
-</html>