[ { "path": ".babelrc", "content": "{\n \"presets\": [\"@babel/preset-env\"]\n}\n" }, { "path": ".circleci/config.yml", "content": "version: \"2.1\"\norbs:\n browser-tools: circleci/browser-tools@1.4.0\njobs:\n build:\n docker:\n - image: cimg/node:18.7.0-browsers\n working_directory: ~/tree-multiselect\n steps:\n - browser-tools/install-chrome\n - checkout\n - restore_cache:\n keys:\n - v1-dependencies-{{ checksum \"package.json\" }}\n # fallback to using the latest cache if no exact match is found\n - v1-dependencies-\n - run: npm install\n - save_cache:\n paths:\n - node_modules\n key: v1-dependencies-{{ checksum \"package.json\" }}\n - run: npm test\n" }, { "path": ".eslintrc.yml", "content": "env:\n browser: true\n es6: true\nextends: standard\nglobals:\n jQuery: true\n module: true\n exports: true\n require: true\nparserOptions:\n sourceType: module\nrules:\n indent:\n - error\n - 2\n linebreak-style:\n - error\n - unix\n quotes:\n - error\n - single\n semi:\n - error\n - always\n prefer-const: off\n no-var: off\n object-curly-spacing: off\n" }, { "path": ".gitignore", "content": "bower_components/\nnode_modules/\ncoverage/\n" }, { "path": ".npmignore", "content": "*\n!dist/\n!src/\n!package.json\n!LICENSE\n" }, { "path": "Gruntfile.js", "content": "const sass = require('node-sass');\n\nmodule.exports = function(grunt) {\n grunt.initConfig({\n\n pkg: grunt.file.readJSON('package.json'),\n\n eslint: {\n target: ['src/**/*.js']\n },\n\n browserify: {\n dist: {\n options: {\n transform: ['babelify']\n },\n\n files: {\n 'dist/jquery.tree-multiselect.js': ['src/tree-multiselect.js']\n }\n }\n },\n\n // Karma runner\n karma: {\n options: {\n configFile: 'conf/karma.js',\n },\n\n local: {},\n\n watch: {\n autoWatch: true,\n singleRun: false\n }\n },\n\n // SASS compiler\n sass: {\n options: {\n implementation: sass,\n sourceMap: false\n },\n\n min: {\n options: {\n outputStyle: 'nested'\n },\n\n files: {\n 'dist/jquery.tree-multiselect.css': 'sass/style.scss'\n }\n },\n\n build: {\n options: {\n outputStyle: 'compressed'\n },\n\n files: {\n 'dist/jquery.tree-multiselect.min.css': 'sass/style.scss'\n }\n }\n },\n\n // Uglify JS\n uglify: {\n dist: {\n options: {\n preserveComments: false,\n },\n files: {\n 'dist/jquery.tree-multiselect.min.js': ['dist/jquery.tree-multiselect.js']\n }\n }\n },\n\n // Put headers on distributed files\n usebanner: {\n dist: {\n options: {\n position: 'top',\n banner: \"/* jQuery Tree Multiselect v<%= pkg.version %> | (c) Patrick Tsai | MIT Licensed */\",\n linebreak: true\n },\n files: {\n src: ['dist/*.js', 'dist/*.css']\n }\n }\n }\n });\n\n grunt.loadNpmTasks('grunt-banner');\n grunt.loadNpmTasks('grunt-browserify');\n grunt.loadNpmTasks('grunt-eslint');\n grunt.loadNpmTasks('grunt-karma');\n grunt.loadNpmTasks('grunt-sass');\n grunt.loadNpmTasks('grunt-contrib-uglify');\n\n grunt.registerTask('lint', ['eslint']);\n grunt.registerTask('build', ['browserify']);\n\n grunt.registerTask('test', ['lint', 'karma:local']);\n grunt.registerTask('test-watch', ['karma:watch']);\n\n grunt.registerTask('release', ['test', 'build', 'uglify', 'sass:build', 'sass:min', 'usebanner']);\n grunt.registerTask('watch', ['test-watch']);\n\n grunt.registerTask('default', 'test');\n};\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2015 Patrick Tsai\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "## jQuery Tree Multiselect\n[![CircleCI](https://circleci.com/gh/patosai/tree-multiselect.js.svg?style=svg)](https://circleci.com/gh/patosai/tree-multiselect.js)\n[![Coverage Status](https://codecov.io/gh/patosai/tree-multiselect.js/branch/master/graph/badge.svg)](https://codecov.io/gh/patosai/tree-multiselect.js)\n[![devDependency Status](https://david-dm.org/patosai/tree-multiselect.js/dev-status.svg)](https://david-dm.org/patosai/tree-multiselect.js#info=devDependencies)\n\n\n**This plugin allows you to add a sweet treeview frontend to a `` node can be used as it was before. This means you can still use `$(\"select\").val()` or `selectElement.value` to get the value, as if there was no plugin. If you want to add options dynamically, please continue reading, there are some more steps you need to take.\n\n* Make sure you've got `` in your `` or some of the symbols may look strange.\n* Requires jQuery v1.8+\n\n![demo image](demo.jpg \"demo image\")\n\n### Demo\nMy website has a simple demo running.\n\n### How To Use\n1. Set the `multiple=\"multiple\"` attribute on your ``\n* Make sure your `` nodes. `params` is optional.\n\n```javascript\n$(\"select\").treeMultiselect();\n```\n```javascript\nlet params = {searchable: true};\n$(\"select\").treeMultiselect(params);\n```\n```javascript\nfunction treeOnChange(allSelectedItems, addedItems, removedItems) {\n console.log(\"something changed!\");\n}\n\n$(\"select\").treeMultiselect({\n allowBatchSelection: false,\n onChange: treeOnChange,\n startCollapsed: true\n});\n```\n\n##### Params\nName | Default | Description\n----------------------- | -------------- | ---------------\n`allowBatchSelection` | `true` | Sections have checkboxes which when checked, check everything within them\n`collapsible` | `true` | Adds collapsibility to sections\n`enableSelectAll` | `false` | Enables selection of all or no options\n`selectAllText` | `Select All` | Only used if `enableSelectAll` is active\n`unselectAllText` | `Unselect All` | Only used if `enableSelectAll` is active\n`freeze` | `false` | Disables selection/deselection of options; aka display-only\n`hideSidePanel` | `false` | Hide the right panel showing all the selected items\n`maxSelections` | `0` | A number that sets the maximum number of options that can be selected. Any positive integer is valid; anything else (such as `0` or `-1`) means no limit\n`onChange` | `null` | Callback for when select is changed. Called with (allSelectedItems, addedItems, removedItems), each of which is an array of objects with the properties `text`, `value`, `initialIndex`, and `section`\n`onlyBatchSelection` | `false` | Only sections can be checked, not individual items\n`sortable` | `false` | Selected options can be sorted by dragging (requires jQuery UI)\n`searchable` | `false` | Allows searching of options\n`searchParams` | `['value', 'text', 'description', 'section']` | Set items to be searched. Array must contain `'value'`, `'text'`, or `'description'`, and/or `'section'`\n`sectionDelimiter` | `/` | Separator between sections in the select option `data-section` attribute\n`showSectionOnSelected` | `true` | Show section name on the selected items\n`startCollapsed` | `false` | Activated only if `collapsible` is true; sections are collapsed initially\n\n#### Examples\n\n\n#### `.remove()`\nRemoves the tree from the DOM. Leaves the original `` and call `.reload()` to render the new options. User-changed selections will be saved.\n\n```javascript\nlet trees = $(\"select\").treeMultiselect();\nlet firstTree = trees[0];\n\n// add an option\n$(\"select#id\").append(\"\");\nfirstTree.reload();\n```\n\n### Installation\nLoad `jquery.tree-multiselect.min.js` on to your web page. The css file is optional (but recommended).\n\nYou can also use bower - `bower install tree-multiselect`\n\n### How to build\nYou need to have grunt-cli installed so you can run the `grunt` command.\n- Run tests: `grunt` or `grunt test`\n- Build dist JavaScript file: `grunt build`\n- Build Sass: `grunt sass`\n- Build everything: `grunt release`\n\n### FAQ\n`Help! The first element is selected when I create the tree. How do I make the first element not selected?`\nYou didn't set the `multiple` attribute on your `\");\n $(\"select#frozen\").append(\"\");\n var options = {\n freeze: true\n };\n $(\"select#frozen\").treeMultiselect(options);\n\n var $frozenOption = Common.selection({text: 'Two'});\n assert.equal($frozenOption.length, 1);\n assert($frozenOption.find(\"input[type=checkbox]\").attr('disabled'));\n\n var $unfrozenOption = Common.selection({text: 'One'});\n assert.equal($unfrozenOption.length, 1);\n var $checkbox = $unfrozenOption.find(\"input[type=checkbox]\");\n assert.notOk($checkbox.attr('disabled'));\n $checkbox.click();\n\n var $unfrozenSelection = Common.selected({text: 'One'});\n assert.equal($unfrozenSelection.length, 1);\n assert.deepEqual($(\"select\").val(), ['one']);\n assert.deepEqual($(\"select#frozen\").val(), ['two']);\n });\n\n it('hides side panel', () => {\n $(\"select\").append(\"\");\n var options = {\n hideSidePanel: true\n };\n $(\"select\").treeMultiselect(options);\n\n assert.equal($(\"div.selected\").length, 0);\n });\n\n it('onlyBatchSelection gives checkboxes to only sections', () => {\n $(\"select\").append(\"\");\n var options = {\n onlyBatchSelection: true\n };\n $(\"select\").treeMultiselect(options);\n\n assert.equal($(\"input.section[type=checkbox]\").length, 1);\n assert.equal($(\"input.option[type=checkbox]\").length, 0);\n });\n\n it('calls onChange with correct arguments when item is added', (done) => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n var options = {\n onChange: function(all, added, removed) {\n assert.equal(all.length, 2);\n assert.equal(added.length, 1);\n assert.equal(removed.length, 0);\n var expectedSecondSelections = [all[1], added[0]];\n for (var i = 0; i < expectedSecondSelections.length; ++i) {\n var selection = expectedSecondSelections[i];\n assert.equal(selection.text, 'Two');\n assert.equal(selection.value, 'two');\n assert.isNull(selection.initialIndex);\n assert.equal(selection.section, 'test');\n }\n assert.equal(all[0].text, 'One');\n assert.equal(all[0].value, 'one');\n assert.isNull(all[0].initialIndex);\n assert.equal(all[0].section, 'test');\n done();\n }\n };\n $(\"select\").treeMultiselect(options);\n\n var $item = Common.selection({text: 'Two'});\n assert.equal($item.length, 1);\n $item.find(\"input[type=checkbox]\").click();\n });\n\n it('calls onChange with correct arguments when item is removed', (done) => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n var options = {\n onChange: function(all, added, removed) {\n assert.equal(all.length, 0);\n assert.equal(added.length, 0);\n assert.equal(removed.length, 1);\n assert.equal(removed[0].text, 'One');\n assert.equal(removed[0].value, 'one');\n assert.isNull(removed[0].initialIndex);\n assert.equal(removed[0].section, 'test');\n done();\n }\n };\n $(\"select\").treeMultiselect(options);\n\n var $item = Common.selection({text: 'One'});\n assert.equal($item.length, 1);\n $item.find(\"input[type=checkbox]\").click();\n });\n\n it('fixes original select value when sorted', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({ sortable: true });\n\n assert.deepEqual($(\"select\").val(), ['one', 'two']);\n\n var $selected = Common.selected();\n assert.equal($selected.length, 2);\n var $one = $selected.first();\n var $two = $selected.last();\n\n assert($(\"div.selected\").sortable('option', 'start'));\n $(\"div.selected\").sortable('option', 'start')(null, {\n item: $one\n });\n $one.insertAfter($two);\n assert($(\"div.selected\").sortable('option', 'stop'));\n $(\"div.selected\").sortable('option', 'stop')(null, {\n item: $one\n });\n\n assert.deepEqual($(\"select\").val(), ['two', 'one']);\n });\n\n it('puts selected items in right order when sorted', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({ sortable: true });\n\n var $selected = Common.selected();\n assert.equal($selected.length, 2);\n var $one = $selected.first();\n var $two = $selected.last();\n\n Common.assertSelected($one, {text: 'One', value: 'one', section: 'test'})\n Common.assertSelected($two, {text: 'Two', value: 'two', section: 'test'})\n\n assert($(\"div.selected\").sortable('option', 'start'));\n $(\"div.selected\").sortable('option', 'start')(null, {\n item: $one\n });\n $one.insertAfter($two);\n assert($(\"div.selected\").sortable('option', 'stop'));\n $(\"div.selected\").sortable('option', 'stop')(null, {\n item: $one\n });\n\n $selected = Common.selected();\n assert.equal($selected.length, 2);\n Common.assertSelected($selected.first(), {text: 'Two', value: 'two', section: 'test'})\n Common.assertSelected($selected.last(), {text: 'One', value: 'one', section: 'test'})\n });\n\n it(\"doesn't do anything when sorted in same order\", () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({ sortable: true });\n\n var $selected = Common.selected();\n assert.equal($selected.length, 2);\n var $one = $selected.first();\n var $two = $selected.last();\n\n Common.assertSelected($one, {text: 'One', value: 'one', section: 'test'})\n Common.assertSelected($two, {text: 'Two', value: 'two', section: 'test'})\n\n assert($(\"div.selected\").sortable('option', 'start'));\n $(\"div.selected\").sortable('option', 'start')(null, {\n item: $one\n });\n assert($(\"div.selected\").sortable('option', 'stop'));\n $(\"div.selected\").sortable('option', 'stop')(null, {\n item: $one\n });\n\n $selected = Common.selected();\n assert.equal($selected.length, 2);\n Common.assertSelected($selected.first(), {text: 'One', value: 'one', section: 'test'})\n Common.assertSelected($selected.last(), {text: 'Two', value: 'two', section: 'test'})\n });\n\n it('select all button works', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({ enableSelectAll: true });\n\n var $selectAll = $(\".select-all\");\n assert.equal($selectAll.length, 1);\n\n var $selectedItems = Common.selected();\n assert.equal($selectedItems.length, 0);\n assert.deepEqual($(\"select\").val(), null);\n\n $selectAll.click();\n\n $selectedItems = Common.selected();\n assert.equal($selectedItems.length, 2);\n assert.deepEqual($(\"select\").val(), ['one', 'two']);\n });\n\n it('unselect button works', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({ enableSelectAll: true });\n\n var $unselectAll = $(\".unselect-all\");\n assert.equal($unselectAll.length, 1);\n\n var $selectedItems = Common.selected();\n assert.equal($selectedItems.length, 2);\n assert.deepEqual($(\"select\").val(), ['one', 'two']);\n\n $unselectAll.click();\n\n $selectedItems = Common.selected();\n assert.equal($selectedItems.length, 0);\n assert.deepEqual($(\"select\").val(), null);\n });\n\n it('select all text option', () => {\n $(\"select\").append(\"\");\n var selectAllText = \"foobar\";\n $(\"select\").treeMultiselect({ enableSelectAll: true, selectAllText: selectAllText });\n\n var $selectAll = $(\".select-all\");\n assert.equal($selectAll.text(), selectAllText);\n });\n\n it('unselect all text option', () => {\n $(\"select\").append(\"\");\n var unselectAllText = \"foobar\";\n $(\"select\").treeMultiselect({ enableSelectAll: true, unselectAllText: unselectAllText });\n\n var $unselectAll = $(\".unselect-all\");\n assert.equal($unselectAll.text(), unselectAllText);\n });\n\n it('can have individual readonly attributes', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $firstSelectionCheckbox = Common.selectionCheckbox({value: 'one'});\n assert.equal($firstSelectionCheckbox.length, 1);\n assert.isFalse($firstSelectionCheckbox.prop('disabled'));\n\n $firstSelectionCheckbox = Common.selectionCheckbox({value: 'two'});\n assert.equal($firstSelectionCheckbox.length, 1);\n assert.isTrue($firstSelectionCheckbox.prop('disabled'));\n });\n\n it('has readonly attributes that still appear in select val', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one'])\n });\n\n it('cannot remove readonly elements by selected elements', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $selected = Common.selected();\n assert.equal($selected.length, 2);\n\n var $selectedCheckboxes = $selected.children(\"span.remove-selected\");\n assert.equal($selectedCheckboxes.length, 1);\n $selectedCheckboxes.click();\n\n $selected = Common.selected();\n assert.equal($selected.length, 1);\n\n $selected = Common.selected({value: 'one'});\n assert.equal($selected.length, 1);\n });\n\n it('can set a maximum number of selections', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({maxSelections: 2});\n\n assert.equal(Common.selected().length, 2);\n assert.deepEqual($(\"select\").val(), ['three', 'four'])\n\n var $checkbox = Common.selectionCheckbox();\n $checkbox.first().click();\n\n assert.equal(Common.selected().length, 2);\n assert.deepEqual($(\"select\").val(), ['four', 'one'])\n })\n\n it('maximum number of selections doesn\\'t work with negative numbers', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({maxSelections: -1});\n\n assert.equal(Common.selected().length, 4);\n })\n\n it('maximum number of selections doesn\\'t work with non-numerical truthy values', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect({maxSelections: true});\n\n assert.equal(Common.selected().length, 4);\n })\n});\n" }, { "path": "test/integration/reloading.test.js", "content": "var Common = require('./common');\n\ndescribe('Reloading', () => {\n it('can reload tree', () => {\n $(\"select\").append(\"\");\n var trees = $(\"select\").treeMultiselect();\n var tree = trees[0];\n\n assert.equal(Common.selection().length, 1);\n assert.equal(Common.selection({text: 'One'}).length, 1);\n\n $(\"select\").append(\"\");\n\n tree.reload();\n assert.equal(Common.selection().length, 2);\n assert.equal(Common.selection({text: 'One'}).length, 1);\n assert.equal(Common.selection({text: 'Two'}).length, 1);\n });\n\n it('reload saves user-changed options', () => {\n $(\"select\").append(\"\");\n var trees = $(\"select\").treeMultiselect();\n var tree = trees[0];\n\n assert.equal(Common.selection().length, 1);\n assert.equal(Common.selected().length, 1);\n assert.equal($(\"select\").val().length, 1);\n\n $(\"select\").val([]);\n $(\"select\").change();\n\n $(\"select\").append(\"\");\n tree.reload();\n\n assert.equal(Common.selection().length, 2);\n assert.equal(Common.selected().length, 1);\n assert.deepEqual($(\"select\").val(), ['one']);\n });\n});\n" }, { "path": "test/integration/removing.test.js", "content": "var Common = require('./common');\n\ndescribe('Removing', () => {\n it('can remove tree', () => {\n $(\"select\").append(\"\");\n var trees = $(\"select\").treeMultiselect();\n var tree = trees[0];\n\n assert.equal($(\".tree-multiselect\").length, 1);\n\n tree.remove();\n assert.equal($(\".tree-multiselect\").length, 0);\n });\n});\n" }, { "path": "test/integration/search.test.js", "content": "var Common = require('./common');\n\nfunction getVisibleSelections(props) {\n return Common.selection(props).filter((_, el) => {\n return el.getAttribute('searchhit') === 'true';\n })\n}\n\nfunction getHiddenSelections(props) {\n return Common.selection(props).filter((_, el) => {\n return el.getAttribute('searchhit') === 'false';\n })\n}\n\ndescribe('Search', () => {\n var $input;\n\n describe('default behavior', () => {\n beforeEach(() => {\n // value, section\n $(\"select\").append(\"\");\n\n // section\n $(\"select\").append(\"\");\n\n // text\n $(\"select\").append(\"\");\n\n // description\n $(\"select\").append(\"\");\n\n // description with spaces\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n\n $(\"select\").treeMultiselect({searchable: true, enableSelectAll: true});\n\n $input = $(\"input.search\");\n assert.equal($input.length, 1);\n });\n\n it('matches on value', () => {\n ['a', 'c', 'abc', 'cde', 'bcd', 'abcde', 'abcd'].forEach((searchTerm) => {\n $input.val(searchTerm).trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'true');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'false');\n });\n\n ['fghij', 'ghi', 'fgh'].forEach((searchTerm) => {\n $input.val(searchTerm).trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'true');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'false');\n });\n\n ['q', 'qr', 'qrs', 'rs'].forEach((searchTerm) => {\n $input.val(searchTerm).trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'true');\n });\n });\n\n it('matches on section', () => {\n $input.val('s1').trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'true');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'true');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'false');\n });\n\n it('matches on text', () => {\n $input.val('yyy').trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'true');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'false');\n });\n\n it('matches on description', () => {\n $input.val('fox').trigger('input');\n assert.equal(Common.selection({value: 'abcde'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'fghij'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'KLMNOP'}).attr('searchhit'), 'false');\n assert.equal(Common.selection({value: 'QRS'}).attr('searchhit'), 'true');\n });\n\n it('hides sections with no nodes visible', () => {\n $input.val('s1').trigger('input');\n assert.equal(Common.section({text: 's1'}).attr('searchhit'), 'true');\n assert.equal(Common.section({text: 's2'}).attr('searchhit'), 'false');\n assert.equal(Common.section({text: 'ttt'}).attr('searchhit'), 'false');\n assert.equal(Common.section({text: 'uuu'}).attr('searchhit'), 'false');\n assert.equal(Common.section({text: 'vvv'}).attr('searchhit'), 'false');\n\n $input.val('uuu').trigger('input');\n assert.equal(Common.section({text: 's1'}).attr('searchhit'), 'false');\n assert.equal(Common.section({text: 's2'}).attr('searchhit'), 'false');\n assert.equal(Common.section({text: 'ttt'}).attr('searchhit'), 'true');\n assert.equal(Common.section({text: 'uuu'}).attr('searchhit'), 'true');\n assert.equal(Common.section({text: 'vvv'}).attr('searchhit'), 'true');\n });\n\n it('shows all sections when no search term is entered', () => {\n $input.val('43t#Q%').trigger('input'); // no nodes should be shown\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('').trigger('input'); // no nodes should be shown\n assert.equal(getHiddenSelections().length, 0);\n });\n\n it('only adds filtered selections when using section checkbox', () => {\n $input.val('abcde').trigger('input');\n\n assert.equal(Common.selected().length, 0);\n Common.sectionCheckbox({text: 's1'}).click();\n assert.equal(Common.selected().length, 1);\n\n $input.val('fox').trigger('input');\n assert.equal(Common.selected().length, 1);\n var $tttCheckbox = Common.sectionCheckbox({text: 'ttt'})\n $tttCheckbox.click();\n assert.equal(Common.selected().length, 2);\n\n $tttCheckbox.click();\n assert.equal(Common.selected().length, 1);\n });\n\n it('only adds filtered selections when selecting and unselecting all', () => {\n $input.val('s1').trigger('input');\n\n var $selectAll = $(\".select-all\");\n var $unselectAll = $(\".unselect-all\");\n assert.equal($selectAll.length, 1);\n assert.equal($unselectAll.length, 1);\n\n assert.equal(Common.selected().length, 0);\n $selectAll.click();\n assert.equal(Common.selected().length, 2);\n\n $input.val('abcde').trigger('input');\n $unselectAll.click();\n assert.equal(Common.selected().length, 1);\n })\n\n it('handles empty search queries', () => {\n $input.val(' ').trigger('input');\n\n assert.equal(getVisibleSelections().length, 0);\n assert.equal(getHiddenSelections().length, 0);\n })\n\n it('handles search queries with spaces in them', () => {\n $input.val('passion ').trigger('input');\n assert.equal(getVisibleSelections().length, 2);\n assert.equal(getHiddenSelections().length, 4);\n\n $input.val('passion f ').trigger('input');\n assert.equal(getVisibleSelections().length, 1);\n assert.equal(getHiddenSelections().length, 5);\n })\n });\n\n describe('custom search params', () => {\n beforeEach(() => {\n $(\"select\").append(\"\");\n\n });\n\n it('section only', () => {\n $(\"select\").treeMultiselect({searchable: true, searchParams: ['section']});\n $input = $(\"input.search\");\n\n $input.val('s1').trigger('input');\n assert.equal(getVisibleSelections().length, 1);\n\n $input.val('abc').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('ayy').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('xyz').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n });\n\n it('value only', () => {\n $(\"select\").treeMultiselect({searchable: true, searchParams: ['value']});\n $input = $(\"input.search\");\n\n $input.val('s1').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('abc').trigger('input');\n assert.equal(getVisibleSelections().length, 1);\n\n $input.val('ayy').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('xyz').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n });\n\n it('text and description', () => {\n $(\"select\").treeMultiselect({searchable: true, searchParams: ['text', 'description']});\n $input = $(\"input.search\");\n\n $input.val('s1').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('abc').trigger('input');\n assert.equal(getVisibleSelections().length, 0);\n\n $input.val('ayy').trigger('input');\n assert.equal(getVisibleSelections().length, 1);\n\n $input.val('xyz').trigger('input');\n assert.equal(getVisibleSelections().length, 1);\n });\n });\n});\n" }, { "path": "test/integration/section-checkboxes.test.js", "content": "var Common = require('./common');\n\ndescribe('Section Checkboxes', () => {\n it('is all checked when all children are selected initially', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal($(\"input[type=checkbox]\").length, 3);\n assert.equal($(\"input.option[type=checkbox]\").length, 2);\n assert.equal($(\"input.section[type=checkbox]\").length, 1);\n assert.equal($(\"input[type=checkbox]:checked\").length, 3);\n });\n\n it('should all be checked when all children are selected', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal($(\"input[type=checkbox]\").length, 3);\n assert.equal($(\"input.option[type=checkbox]\").length, 2);\n assert.equal($(\"input.section[type=checkbox]\").length, 1);\n\n assert.equal($(\"input.section[type=checkbox]:checked\").length, 0);\n assert.equal($(\"input.option[type=checkbox]:checked\").length, 1);\n\n Common.selection().last().children(\"input[type=checkbox]\").click();\n\n assert.equal($(\"input.section[type=checkbox]:checked\").length, 1);\n assert.equal($(\"input.option[type=checkbox]:checked\").length, 2);\n });\n\n it('should not check top level parent if only one child section is completely checked', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $topLevel = Common.section({text: 'foo'});\n assert.notOk($topLevel.find(\"> div.title > input.section[type=checkbox]\").is(\":checked\"));\n });\n\n it('should uncheck parent sections when a child is unselected', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal($(\"input.section[type=checkbox]:checked\").length, 1);\n\n Common.selection().first().children(\"input.option[type=checkbox]\").click();\n\n assert.equal($(\"input.section[type=checkbox]:checked\").length, 0);\n });\n\n it('checks nested titles', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal(Common.sectionCheckbox().length, 3);\n assert.equal(Common.selectionCheckbox().length, 1);\n assert.equal($(\"input[type=checkbox]\").length, 4);\n assert.equal($(\"input[type=checkbox]:checked\").length, 0);\n\n var $middleSectionCheckbox = Common.sectionCheckbox({text: 'middle'});\n $middleSectionCheckbox.click();\n\n assert.equal($(\"div.title > input[type=checkbox]:checked\").length, 3);\n assert.equal($(\"div.item > input[type=checkbox]:checked\").length, 1);\n assert.equal($(\"input[type=checkbox]:checked\").length, 4);\n });\n\n it('only checks relevant titles', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.notOk(Common.sectionCheckbox({text: 'top'}).prop('checked'));\n assert.notOk(Common.sectionCheckbox({text: 'middle'}).prop('checked'));\n assert.notOk(Common.sectionCheckbox({text: 'inner'}).prop('checked'));\n\n assert.notOk(Common.selectionCheckbox({text: 'One'}).prop('checked'));\n\n Common.sectionCheckbox({text: 'middle'}).click();\n\n assert.notOk(Common.sectionCheckbox({text: 'top'}).prop('checked'));\n assert(Common.sectionCheckbox({text: 'middle'}).prop('checked'));\n assert(Common.sectionCheckbox({text: 'inner'}).prop('checked'));\n\n assert(Common.selectionCheckbox({text: 'One'}).prop('checked'));\n });\n\n it('checkbox is indeterminate when some children are selected', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $topCheckbox = Common.sectionCheckbox({text: 'top'});\n assert.notOk($topCheckbox.prop('checked'));\n assert($topCheckbox.prop('indeterminate'));\n });\n\n it('checkbox is not indeterminate when all children are selected', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $titleCheckbox = Common.sectionCheckbox({text: 'top'});\n assert.notOk($titleCheckbox.prop('indeterminate'));\n });\n\n it('checkbox is not indeterminate when no children are selected', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n var $titleCheckbox = Common.sectionCheckbox({text: 'top'});\n assert.notOk($titleCheckbox.prop('indeterminate'));\n });\n\n it('checkbox doesn\\'t select unselected readonly children', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal(Common.selected().length, 0);\n\n var $titleCheckbox = Common.sectionCheckbox({text: 'top'});\n $titleCheckbox.click();\n\n assert.equal(Common.selected().length, 1);\n assert.equal(Common.selected({value: 'two'}).length, 1);\n });\n\n it('checkbox doesn\\'t unselect selected readonly children', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.equal(Common.selected().length, 2);\n\n var $titleCheckbox = Common.sectionCheckbox({text: 'top'});\n $titleCheckbox.click();\n\n assert.equal(Common.selected().length, 1);\n assert.equal(Common.selected({value: 'one'}).length, 1);\n });\n});\n" }, { "path": "test/integration/section-selections.test.js", "content": "var Common = require('./common');\n\ndescribe('Section Selections', () => {\n it('adds all child elements when section checkbox clicked', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), null);\n var $selected = Common.selected();\n assert.equal($selected.length, 0);\n\n var $checkbox = Common.sectionCheckbox();\n assert.equal($checkbox.length, 1);\n $checkbox.click();\n\n assert.deepEqual($(\"select\").val(), ['one', 'two']);\n\n $selected = Common.selected();\n assert.equal($selected.length, 2);\n Common.assertSelected($selected[0], {text: 'One', value: 'one', section: 'foo'});\n Common.assertSelected($selected[1], {text: 'Two', value: 'two', section: 'foo'});\n });\n\n it(\"doesn't add child elements twice when other child elements are selected\", () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['three', 'four']);\n var $selected = Common.selected();\n assert.equal($selected.length, 2);\n Common.assertSelected($selected[0], {text: 'Three', value: 'three', section: 'foo/bar/baz'});\n Common.assertSelected($selected[1], {text: 'Four', value: 'four', section: 'foo/bar/baz'});\n\n var $checkbox = Common.sectionCheckbox();\n assert.equal($checkbox.length, 3);\n $checkbox.first().click();\n\n assert.deepEqual($(\"select\").val(), ['three', 'four', 'one', 'two']);\n\n $selected = Common.selected();\n assert.equal($selected.length, 4);\n Common.assertSelected($selected[0], {text: 'Three', value: 'three', section: 'foo/bar/baz'});\n Common.assertSelected($selected[1], {text: 'Four', value: 'four', section: 'foo/bar/baz'});\n Common.assertSelected($selected[2], {text: 'One', value: 'one', section: 'foo'});\n Common.assertSelected($selected[3], {text: 'Two', value: 'two', section: 'foo'});\n });\n\n it('removes child elements when section unselected', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one', 'two', 'three', 'four']);\n var $selected = Common.selected();\n Common.assertSelected($selected[0], {text: 'One', value: 'one', section: 'foo'});\n Common.assertSelected($selected[1], {text: 'Two', value: 'two', section: 'foo'});\n Common.assertSelected($selected[2], {text: 'Three', value: 'three', section: 'foo/bar/baz'});\n Common.assertSelected($selected[3], {text: 'Four', value: 'four', section: 'foo/bar/baz'});\n\n var $checkbox = Common.sectionCheckbox({text: 'baz'});\n assert.equal($checkbox.length, 1);\n $checkbox.click();\n\n assert.deepEqual($(\"select\").val(), ['one', 'two']);\n\n $selected = Common.selected();\n assert.equal($selected.length, 2);\n Common.assertSelected($selected[0], {text: 'One', value: 'one', section: 'foo'});\n Common.assertSelected($selected[1], {text: 'Two', value: 'two', section: 'foo'});\n });\n});\n" }, { "path": "test/integration/single-selections.test.js", "content": "var Common = require('./common');\n\ndescribe('Single Selection', () => {\n it('can add an item', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), null);\n\n var $checkbox = Common.selectionCheckbox({checked: false});\n assert.equal($checkbox.length, 1);\n $checkbox.click();\n\n var $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 1);\n\n assert.deepEqual($(\"select\").val(), ['one']);\n });\n\n it('can remove an item', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one']);\n\n var $checkbox = Common.selectionCheckbox({checked: true});\n assert.equal($checkbox.length, 1);\n $checkbox.click();\n\n var $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 0);\n\n assert.deepEqual($(\"select\").val(), null);\n });\n\n it('can add an item with the same text', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['two']);\n\n var $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 1);\n\n var $checkbox = Common.selectionCheckbox();\n assert.equal($checkbox.length, 2);\n\n $checkbox.first().click();\n\n $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 2);\n\n assert.deepEqual($(\"select\").val(), ['two', 'one']);\n });\n\n it('can add an item with the same value as another', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one']);\n\n var $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 1);\n\n var $checkbox = Common.selectionCheckbox();\n assert.equal($checkbox.length, 3);\n\n $checkbox.last().click();\n\n $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 2);\n\n assert.deepEqual($(\"select\").val(), ['one', 'one']);\n });\n\n it('can remove an item with the same value as another', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one', 'one']);\n\n var $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 2);\n\n var $checkbox = Common.selectionCheckbox();\n assert.equal($checkbox.length, 3);\n\n $checkbox.last().click();\n\n $checkboxChecked = Common.selectionCheckbox({checked: true});\n assert.equal($checkboxChecked.length, 1);\n\n assert.deepEqual($(\"select\").val(), ['one']);\n });\n\n it('can remove an item by selected item remove button', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one']);\n\n var $selected = Common.selected();\n assert.equal($selected.length, 1);\n\n var $removeSpan = $selected.children(\".remove-selected\");\n $removeSpan.click();\n\n assert.equal(Common.selected().length, 0);\n assert.equal($(\"select\").val(), null);\n });\n\n it('can remove an item by unchecking selection checkbox', () => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one']);\n\n var $selections = Common.selection();\n var $checkbox = $selections.children(\"input[type=checkbox]\");\n $checkbox.click();\n\n assert.deepEqual($(\"select\").val(), null);\n });\n\n it('removing an item does not remove any others', () => {\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n assert.deepEqual($(\"select\").val(), ['one', 'two', 'three']);\n\n var $selections = Common.selected();\n assert.equal($selections.length, 3);\n\n var $removeSpan = $selections.first().children(\".remove-selected\");\n $removeSpan.click();\n\n assert.equal(Common.selected().length, 2);\n assert.deepEqual($(\"select\").val(), ['two', 'three']);\n });\n\n it('fires change event on original select', (done) => {\n $(\"select\").append(\"\");\n $(\"select\").treeMultiselect();\n\n $(\"select\").change(function() {\n done();\n });\n\n Common.selection().children(\"input[type=checkbox]\").click();\n });\n});\n" }, { "path": "test/test-performance.html", "content": "\n\n \n Tree Multiselect test\n\n \n\n \n \n \n\n \n \n \n\n \n \n\n \n \n\n" }, { "path": "test/test.html", "content": "\n\n \n Tree Multiselect test\n\n \n\n \n \n\n \n \n \n \n\n \n \n\n \n\n \n\n \n\n\n\n \n \n\n" }, { "path": "test/unit/utility.test.js", "content": "var Ast = require('ast');\nvar Util = require('utility');\n\ndescribe('Utility', () => {\n it('asserts', () => {\n var func = () => {\n Util.assert(true);\n }\n assert.doesNotThrow(func);\n\n func = () => {\n Util.assert(false);\n }\n assert.throws(func);\n\n func = () => {\n Util.assert(NaN);\n }\n assert.throws(func);\n });\n\n it('getKey', () => {\n var el = $(\"
\")[0];\n assert.equal(Util.getKey(el), 4);\n\n el = $(\"
\")[0];\n assert.isNaN(Util.getKey(el));\n\n el = $(\"
\")[0];\n assert.isNaN(Util.getKey(el));\n });\n\n it('isInteger', () => {\n assert.isTrue(Util.isInteger(1));\n assert.isTrue(Util.isInteger(-1));\n assert.isTrue(Util.isInteger(0));\n assert.isTrue(Util.isInteger(\" 3 \"));\n\n assert.isFalse(Util.isInteger(true));\n assert.isFalse(Util.isInteger(null));\n assert.isFalse(Util.isInteger([]));\n assert.isFalse(Util.isInteger(function () {}));\n })\n\n describe('array', () => {\n it('subtract', () => {\n var arr1 = [1, 2, 5, 7, 0];\n var arr2 = [2, 7, 8];\n Util.array.subtract(arr1, arr2);\n assert.deepEqual(arr1, [1, 5, 0]);\n\n arr1 = [];\n arr2 = [];\n Util.array.subtract(arr1, arr2);\n assert.deepEqual(arr1, []);\n\n arr1 = [];\n arr2 = [0];\n Util.array.subtract(arr1, arr2);\n assert.deepEqual(arr1, []);\n\n arr1 = [6, 8, 1256];\n arr2 = [];\n Util.array.subtract(arr1, arr2);\n assert.deepEqual(arr1, [6, 8, 1256]);\n\n arr1 = [\"foo\", \"bar\"];\n arr2 = [\"baz\"];\n Util.array.subtract(arr1, arr2);\n assert.deepEqual(arr1, [\"foo\", \"bar\"]);\n });\n\n it('uniq', () => {\n var arr = [1, 2, 5, 7, 0];\n Util.array.uniq(arr);\n assert.deepEqual(arr, [1, 2, 5, 7, 0]);\n\n arr = [];\n Util.array.uniq(arr);\n assert.deepEqual(arr, []);\n\n arr = [\"abc\", \"abc\", \"ghi\"];\n Util.array.uniq(arr);\n assert.deepEqual(arr, [\"abc\", \"ghi\"]);\n\n arr = [123, 678, 900, 123];\n Util.array.uniq(arr);\n assert.deepEqual(arr, [123, 678, 900]);\n });\n\n it('removeFalseyExceptZero', () => {\n var arr = [1, 4, 0, null, NaN, undefined, 3];\n Util.array.removeFalseyExceptZero(arr);\n assert.deepEqual(arr, [1, 4, 0, 3]);\n });\n\n it('moveEl in-place', () => {\n var arr = [0, 1, 2, 3, 4, 5];\n Util.array.moveEl(arr, 5, 1);\n assert.deepEqual(arr, [0, 5, 1, 2, 3, 4]);\n\n arr = [0, 1, 2, 3, 4];\n Util.array.moveEl(arr, 4, 0);\n assert.deepEqual(arr, [4, 0, 1, 2, 3]);\n\n arr = [0, 1, 2, 3, 4];\n Util.array.moveEl(arr, 0, 4);\n assert.deepEqual(arr, [1, 2, 3, 4, 0]);\n });\n\n it('intersect', () => {\n var arr = [0, 1, 2, 3, 4, 5];\n var arr2 = [0, 2, 4, 6];\n Util.array.intersect(arr, arr2);\n assert.deepEqual(arr, [0, 2, 4]);\n\n arr = [1, 17, 536, 24];\n arr2 = [536, 0, 0, 0];\n Util.array.intersect(arr, arr2);\n assert.deepEqual(arr, [536]);\n\n arr = [0, 0, 0, 0, 0, 0];\n arr2 = [0, 1];\n Util.array.intersect(arr, arr2);\n assert.deepEqual(arr, [0, 0, 0, 0, 0, 0]);\n });\n\n it('intersectMany', () => {\n var arrays = [[1, 3, 5, 7], [2, 3, 6, 7], [3, 9]];\n assert.deepEqual(Util.array.intersectMany(arrays), [3]);\n\n arrays = [[1, 3, 5, 7], [2, 3, 6, 7], [9]];\n assert.deepEqual(Util.array.intersectMany(arrays), []);\n\n arrays = [[1, 2, 3, 4], [4, 5, 6, 7], [8, 9]];\n assert.deepEqual(Util.array.intersectMany(arrays), []);\n\n arrays = [[1, 2, 3, 4], [1, 2, 3, 4], [1, 2, 3, 4]];\n assert.deepEqual(Util.array.intersectMany(arrays), [1, 2, 3, 4]);\n\n arrays = [[9, 10, 11, 12], [1, 2, 3, 4], [1, 2, 3, 4]];\n assert.deepEqual(Util.array.intersectMany(arrays), []);\n });\n\n it('flatten', () => {\n assert.deepEqual(Util.array.flatten([[1], [2], [3, [[4], 'foo', 'bar']]]), [1, 2, 3, 4, 'foo', 'bar']);\n assert.deepEqual(Util.array.flatten([]), []);\n assert.deepEqual(Util.array.flatten(null), null);\n assert.deepEqual(Util.array.flatten('foo'), 'foo');\n });\n });\n\n describe('dom', () => {\n it('creates nodes with correct tag', () => {\n var node = Util.dom.createNode('div');\n assert.equal(node.tagName, 'DIV');\n\n node = Util.dom.createNode('span');\n assert.equal(node.tagName, 'SPAN');\n });\n\n it('creates nodes with correct properties', () => {\n var props = {\n foo: 'bar',\n baz: 'over 9000',\n text: 'foo'\n }\n var node = Util.dom.createNode('div', props);\n\n assert.equal(node.attributes.length, 2);\n assert.equal(node.getAttribute('foo'), props.foo);\n assert.equal(node.getAttribute('baz'), props.baz);\n\n assert.equal(node.textContent, props.text);\n });\n\n it('can tell that AST item is not a section', () => {\n var option = Ast.createItem({\n id: 0,\n value: 'val',\n text: 'text',\n description: 'description'\n });\n\n assert(option.isItem());\n assert.isFalse(option.isSection());\n });\n\n it('creates selection node with all properties', () => {\n var section = Ast.createSection('name');\n\n assert(section.isSection());\n assert.isFalse(section.isItem());\n });\n\n it('creates selection node with value as text', () => {\n var option = Ast.createItem({\n id: 0,\n value: 'val',\n text: null\n });\n var node = Util.dom.createSelection(option, 0, true, true);\n assert.equal(node.getAttribute('data-value'), 'val');\n });\n });\n});\n" } ]