Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 dataset_spec.js describe('Dataset', function() { var www = WWW(), mockSuggestions, mockSuggestionsDisplayFn; mockSuggestions = [ { value: 'one', raw: { value: 'one' } }, { value: 'two', raw: { value: 'two' } }, { value: 'html', raw: { value: '<b>html</b>' } } ]; mockSuggestionsDisplayFn = [ { display: '4' }, { display: '5' }, { display: '6' } ]; beforeEach(function() { this.dataset = new Dataset({ name: 'test', node: $('<div>'), source: this.source = jasmine.createSpy('source') }, www); }); it('should throw an error if source is missing', function() { expect(noSource).toThrow(); function noSource() { new Dataset({}, www); } }); it('should throw an error if the name is not a valid class name', function() { expect(fn).toThrow(); function fn() { var d = new Dataset({ name: 'a space', node: $('<div>'), source: $.noop }, www); } }); describe('#getRoot', function() { it('should return the root element', function() { var sel = 'div' + www.selectors.dataset + www.selectors.dataset + '-test'; expect(this.dataset.$el).toBe(sel); }); }); describe('#update', function() { it('should render suggestions', function() { this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('one'); expect(this.dataset.$el).toContainText('two'); expect(this.dataset.$el).toContainText('html'); }); it('should escape html chars from display value when using default template', function() { this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('<b>html</b>'); }); it('should respect limit option', function() { this.dataset.limit = 2; this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('one'); expect(this.dataset.$el).toContainText('two'); expect(this.dataset.$el).not.toContainText('three'); }); it('should allow custom display functions', function() { this.dataset = new Dataset({ name: 'test', node: $('<div>'), display: function(o) { return o.display; }, source: this.source = jasmine.createSpy('source') }, www); this.source.andCallFake(syncMockSuggestionsDisplayFn); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('4'); expect(this.dataset.$el).toContainText('5'); expect(this.dataset.$el).toContainText('6'); }); it('should ignore async invocations of sync', function() { this.source.andCallFake(asyncSync); this.dataset.update('woah'); expect(this.dataset.$el).not.toContainText('one'); }); it('should ignore subesequent invocations of sync', function() { this.source.andCallFake(multipleSync); this.dataset.update('woah'); expect(this.dataset.$el.find('.tt-suggestion')).toHaveLength(3); }); it('should trigger asyncRequested when needing/expecting backfill', function() { var spy = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncRequested', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); expect(spy).toHaveBeenCalled(); }); it('should not trigger asyncRequested when not expecting backfill', function() { var spy = jasmine.createSpy(); this.dataset.async = false; this.dataset.onSync('asyncRequested', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); expect(spy).not.toHaveBeenCalled(); }); it('should not trigger asyncRequested when not expecting backfill', function() { var spy = jasmine.createSpy(); this.dataset.limit = 2; this.dataset.async = true; this.dataset.onSync('asyncRequested', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); expect(spy).not.toHaveBeenCalled(); }); it('should trigger asyncCanceled when pending aysnc is canceled', function() { var spy = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncCanceled', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); this.dataset.cancel(); waits(100); runs(function() { expect(spy).toHaveBeenCalled(); }); }); it('should not trigger asyncCanceled when cancel happens after update', function() { var spy = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncCanceled', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); waits(100); runs(function() { this.dataset.cancel(); expect(spy).not.toHaveBeenCalled(); }); }); it('should trigger asyncReceived when aysnc is received', function() { var spy = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncReceived', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); waits(100); runs(function() { expect(spy).toHaveBeenCalled(); }); }); it('should not trigger asyncReceived if canceled', function() { var spy = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncReceived', spy); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); this.dataset.cancel(); waits(100); runs(function() { expect(spy).not.toHaveBeenCalled(); }); }); it('should not modify sync when async is added', function() { var $test; this.dataset.async = true; this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); $test = this.dataset.$el.find('.tt-suggestion').first(); $test.addClass('test'); waits(100); runs(function() { expect($test).toHaveClass('test'); }); }); it('should respect limit option in regard to async', function() { this.dataset.async = true; this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); waits(100); runs(function() { expect(this.dataset.$el.find('.tt-suggestion')).toHaveLength(5); }); }); it('should cancel pending async', function() { var spy1 = jasmine.createSpy(), spy2 = jasmine.createSpy(); this.dataset.async = true; this.dataset.onSync('asyncCanceled', spy1); this.dataset.onSync('asyncReceived', spy2); this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); this.dataset.update('woah again'); waits(100); runs(function() { expect(spy1.callCount).toBe(1); expect(spy2.callCount).toBe(1); }); }); it('should render notFound when no suggestions are available', function() { this.dataset = new Dataset({ source: this.source, node: $('<div>'), templates: { notFound: '<h2>empty</h2>' } }, www); this.source.andCallFake(syncEmptySuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('empty'); }); it('should render pending when no suggestions are available but async is pending', function() { this.dataset = new Dataset({ source: this.source, node: $('<div>'), async: true, templates: { pending: '<h2>pending</h2>' } }, www); this.source.andCallFake(syncEmptySuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('pending'); }); it('should render header when suggestions are rendered', function() { this.dataset = new Dataset({ source: this.source, node: $('<div>'), templates: { header: '<h2>header</h2>' } }, www); this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('header'); }); it('should render footer when suggestions are rendered', function() { this.dataset = new Dataset({ source: this.source, node: $('<div>'), templates: { footer: function(c) { return '<p>' + c.query + '</p>'; } } }, www); this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.$el).toContainText('woah'); }); it('should not render header/footer if there is no content', function() { this.dataset = new Dataset({ source: this.source, node: $('<div>'), templates: { header: '<h2>header</h2>', footer: '<h2>footer</h2>' } }, www); this.source.andCallFake(syncEmptySuggestions); this.dataset.update('woah'); expect(this.dataset.$el).not.toContainText('header'); expect(this.dataset.$el).not.toContainText('footer'); }); it('should not render stale suggestions', function() { this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); this.source.andCallFake(syncMockSuggestions); this.dataset.update('nelly'); waits(100); runs(function() { expect(this.dataset.$el).toContainText('one'); expect(this.dataset.$el).toContainText('two'); expect(this.dataset.$el).toContainText('html'); expect(this.dataset.$el).not.toContainText('four'); expect(this.dataset.$el).not.toContainText('five'); }); }); it('should not render async suggestions if update was canceled', function() { this.source.andCallFake(fakeGetWithAsyncSuggestions); this.dataset.update('woah'); this.dataset.cancel(); waits(100); runs(function() { var rendered = this.dataset.$el.find('.tt-suggestion'); expect(rendered).toHaveLength(3); }); }); it('should trigger rendered after suggestions are rendered', function() { var spy; this.dataset.onSync('rendered', spy = jasmine.createSpy()); this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); waitsFor(function() { return spy.callCount; }); }); }); describe('#clear', function() { it('should clear suggestions', function() { this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); this.dataset.clear(); expect(this.dataset.$el).toBeEmpty(); }); it('should cancel pending updates', function() { var spy; this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); spy = spyOn(this.dataset, 'cancel'); this.dataset.clear(); expect(spy).toHaveBeenCalled(); }); it('should trigger cleared', function() { var spy; this.dataset.onSync('cleared', spy = jasmine.createSpy()); this.dataset.clear(); expect(spy).toHaveBeenCalled(); }); }); describe('#isEmpty', function() { it('should return true when empty', function() { expect(this.dataset.isEmpty()).toBe(true); }); it('should return false when not empty', function() { this.source.andCallFake(syncMockSuggestions); this.dataset.update('woah'); expect(this.dataset.isEmpty()).toBe(false); }); }); describe('#destroy', function() { it('should set dataset element to dummy element', function() { var $prevEl = this.dataset.$el; this.dataset.destroy(); expect(this.dataset.$el).not.toBe($prevEl); }); }); // helper functions // ---------------- function syncEmptySuggestions(q, sync, async) { sync([]); } function syncMockSuggestions(q, sync, async) { sync(mockSuggestions); } function syncMockSuggestionsDisplayFn(q, sync, async) { sync(mockSuggestionsDisplayFn); } function asyncSync(q, sync, async) { setTimeout(function() { sync(mockSuggestions); }, 0); } function multipleSync(q, sync, async) { sync(mockSuggestions); sync(mockSuggestions); } function fakeGetWithAsyncSuggestions(query, sync, async) { sync(mockSuggestions); setTimeout(function() { async([ { value: 'four', raw: { value: 'four' } }, { value: 'five', raw: { value: 'five' } }, { value: 'six', raw: { value: 'six' } }, { value: 'seven', raw: { value: 'seven' } }, { value: 'eight', raw: { value: 'eight' } }, ]); }, 0); } });	12.57 KB	2026-02-12 14:54
📄 default_results_spec.js describe('DefaultMenu', function() { var www = WWW(); beforeEach(function() { var $fixture; jasmine.Dataset.useMock(); setFixtures('<div id="menu-fixture"></div>'); $fixture = $('#jasmine-fixtures'); this.$node = $fixture.find('#menu-fixture'); this.$node.html(fixtures.html.dataset); this.view = new DefaultMenu({ node: this.$node, datasets: [{}] }, www).bind(); this.dataset = this.view.datasets[0]; }); describe('when rendered is triggered on a dataset', function() { it('should hide menu if empty', function() { this.dataset.isEmpty.andReturn(true); this.view._show(); this.dataset.trigger('rendered'); expect(this.$node).not.toBeVisible(); }); it('should not show menu if not open', function() { this.dataset.isEmpty.andReturn(false); this.view._hide(); this.dataset.trigger('rendered'); expect(this.$node).not.toBeVisible(); }); it('should show menu if not empty and open', function() { this.dataset.isEmpty.andReturn(false); this.view._hide(); this.view.open(); this.dataset.trigger('rendered'); expect(this.$node).toBeVisible(); }); }); describe('when cleared is triggered on a dataset', function() { it('should hide menu if empty', function() { this.dataset.isEmpty.andReturn(true); this.view._show(); this.dataset.trigger('cleared'); expect(this.$node).not.toBeVisible(); }); it('should not show menu if not open', function() { this.dataset.isEmpty.andReturn(false); this.view._hide(); this.dataset.trigger('cleared'); expect(this.$node).not.toBeVisible(); }); it('should show menu if not empty and open', function() { this.dataset.isEmpty.andReturn(false); this.view._hide(); this.view.open(); this.dataset.trigger('cleared'); expect(this.$node).toBeVisible(); }); }); describe('#open', function() { it('should show menu if not empty', function() { spyOn(this.view, '_allDatasetsEmpty').andReturn(false); this.view.open(); expect(this.$node[0].getAttribute('style')).toMatch(/display: block/); }); it('should not show menu if empty', function() { spyOn(this.view, '_allDatasetsEmpty').andReturn(true); this.view.open(); expect(this.$node).not.toHaveAttr('style', 'display: block;'); }); }); describe('#close', function() { it('should hide menu', function() { this.view._show(); this.view.close(); expect(this.$node).not.toBeVisible(); }); }); });	2.56 KB	2026-02-12 14:54
📄 event_bus_spec.js describe('EventBus', function() { beforeEach(function() { var $fixture; setFixtures(fixtures.html.input); $fixture = $('#jasmine-fixtures'); this.$el = $fixture.find('.tt-input'); this.eventBus = new EventBus({ el: this.$el }); }); it('#trigger should trigger event', function() { var spy = jasmine.createSpy(); this.$el.on('typeahead:fiz', spy); this.eventBus.trigger('fiz'); expect(spy).toHaveBeenCalled(); }); it('#before should return false if default was not prevented', function() { var spy = jasmine.createSpy(); this.$el.on('typeahead:beforefiz', spy); expect(this.eventBus.before('fiz')).toBe(false); expect(spy).toHaveBeenCalled(); }); it('#before should return true if default was prevented', function() { var spy = jasmine.createSpy().andCallFake(prevent); this.$el.on('typeahead:beforefiz', spy); expect(this.eventBus.before('fiz')).toBe(true); expect(spy).toHaveBeenCalled(); function prevent($e) { $e.preventDefault(); } }); });	1.02 KB	2026-02-12 14:54
📄 event_emitter_spec.js describe('EventEmitter', function() { beforeEach(function() { this.spy = jasmine.createSpy(); this.target = _.mixin({}, EventEmitter); }); it('methods should be chainable', function() { expect(this.target.onSync()).toEqual(this.target); expect(this.target.onAsync()).toEqual(this.target); expect(this.target.off()).toEqual(this.target); expect(this.target.trigger()).toEqual(this.target); }); it('#on should take the context a callback should be called in', function() { var context = { val: 3 }, cbContext; this.target.onSync('xevent', setCbContext, context).trigger('xevent'); waitsFor(assertCbContext, 'callback was called in the wrong context'); function setCbContext() { cbContext = this; } function assertCbContext() { return cbContext === context; } }); it('#onAsync callbacks should be invoked asynchronously', function() { this.target.onAsync('event', this.spy).trigger('event'); expect(this.spy.callCount).toBe(0); waitsFor(assertCallCount(this.spy, 1), 'the callback was not invoked'); }); it('#onSync callbacks should be invoked synchronously', function() { this.target.onSync('event', this.spy).trigger('event'); expect(this.spy.callCount).toBe(1); }); it('#off should remove callbacks', function() { this.target .onSync('event1 event2', this.spy) .onAsync('event1 event2', this.spy) .off('event1 event2') .trigger('event1 event2'); waits(100); runs(assertCallCount(this.spy, 0)); }); it('methods should accept multiple event types', function() { this.target .onSync('event1 event2', this.spy) .onAsync('event1 event2', this.spy) .trigger('event1 event2'); expect(this.spy.callCount).toBe(2); waitsFor(assertCallCount(this.spy, 4), 'the callback was not invoked'); }); it('the event type should be passed to the callback', function() { this.target .onSync('sync', this.spy) .onAsync('async', this.spy) .trigger('sync async'); waitsFor(assertArgs(this.spy, 0, ['sync']), 'bad args'); waitsFor(assertArgs(this.spy, 1, ['async']), 'bad args'); }); it('arbitrary args should be passed to the callback', function() { this.target .onSync('event', this.spy) .onAsync('event', this.spy) .trigger('event', 1, 2); waitsFor(assertArgs(this.spy, 0, ['event', 1, 2]), 'bad args'); waitsFor(assertArgs(this.spy, 1, ['event', 1, 2]), 'bad args'); }); it('callback execution should be cancellable', function() { var cancelSpy = jasmine.createSpy().andCallFake(cancel); this.target .onSync('one', cancelSpy) .onSync('one', this.spy) .onAsync('two', cancelSpy) .onAsync('two', this.spy) .onSync('three', cancelSpy) .onAsync('three', this.spy) .trigger('one two three'); waitsFor(assertCallCount(cancelSpy, 3)); waitsFor(assertCallCount(this.spy, 0)); function cancel() { return false; } }); function assertCallCount(spy, expected) { return function() { return spy.callCount === expected; }; } function assertArgs(spy, call, expected) { return function() { var env = jasmine.getEnv(), actual = spy.calls[call] ? spy.calls[call].args : undefined; return env.equals_(actual, expected); }; } });	3.23 KB	2026-02-12 14:54
📄 highlight_spec.js describe('highlight', function() { it('should allow tagName to be specified', function() { var before = 'abcde', after = 'a<span>bcd</span>e', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'bcd', tagName: 'span' }); expect(testNode.innerHTML).toEqual(after); }); it('should allow className to be specified', function() { var before = 'abcde', after = 'a<strong class="one two">bcd</strong>e', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'bcd', className: 'one two' }); expect(testNode.innerHTML).toEqual(after); }); it('should be case insensitive by default', function() { var before = 'ABCDE', after = 'A<strong>BCD</strong>E', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'bcd' }); expect(testNode.innerHTML).toEqual(after); }); it('should support case sensitivity', function() { var before = 'ABCDE', after = 'ABCDE', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'bcd', caseSensitive: true }); expect(testNode.innerHTML).toEqual(after); }); it('should support words only matching', function() { var before = 'tone one phone', after = 'tone <strong>one</strong> phone', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'one', wordsOnly: true }); expect(testNode.innerHTML).toEqual(after); }); it('should support matching multiple patterns', function() { var before = 'tone one phone', after = '<strong>tone</strong> one <strong>phone</strong>', testNode = buildTestNode(before); highlight({ node: testNode, pattern: ['tone', 'phone'] }); expect(testNode.innerHTML).toEqual(after); }); it('should support regex chars in the pattern', function() { var before = '.js when?', after = '<strong>.</strong>js when<strong>?</strong>', testNode = buildTestNode(before); highlight({ node: testNode, pattern: ['*.', '?'] }); expect(testNode.innerHTML).toEqual(after); }); it('should work on complex html structures', function() { var before = [ '<div>abcde', '<span>abcde</span>', '<div><p>abcde</p></div>', '</div>' ].join(''), after = [ '<div><strong>abc</strong>de', '<span><strong>abc</strong>de</span>', '<div><p><strong>abc</strong>de</p></div>', '</div>' ].join(''), testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'abc' }); expect(testNode.innerHTML).toEqual(after); }); it('should ignore html tags and attributes', function() { var before = '<span class="class"></span>', after = '<span class="class"></span>', testNode = buildTestNode(before); highlight({ node: testNode, pattern: ['span', 'class'] }); expect(testNode.innerHTML).toEqual(after); }); it('should not match across tags', function() { var before = 'a<span>b</span>c', after = 'a<span>b</span>c', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'abc' }); expect(testNode.innerHTML).toEqual(after); }); it('should ignore html comments', function() { var before = '<!-- abc -->', after = '<!-- abc -->', testNode = buildTestNode(before); highlight({ node: testNode, pattern: 'abc' }); expect(testNode.innerHTML).toEqual(after); }); function buildTestNode(content) { var node = document.createElement('div'); node.innerHTML = content; return node; } });	3.6 KB	2026-02-12 14:54
📄 input_spec.js describe('Input', function() { var KEYS, www; KEYS = { enter: 13, esc: 27, tab: 9, left: 37, right: 39, up: 38, down: 40, normal: 65 // "A" key }; www = WWW(); beforeEach(function() { var $fixture; setFixtures(fixtures.html.input + fixtures.html.hint); $fixture = $('#jasmine-fixtures'); this.$input = $fixture.find('.tt-input'); this.$hint = $fixture.find('.tt-hint'); this.view = new Input({ input: this.$input, hint: this.$hint }, www).bind(); }); it('should throw an error if no input is provided', function() { expect(noInput).toThrow(); function noInput() { new Input({}, www); } }); describe('when the blur DOM event is triggered', function() { it('should reset the input value', function() { this.view.setQuery('wine'); this.view.setInputValue('cheese'); this.$input.blur(); expect(this.$input.val()).toBe('wine'); }); it('should trigger blurred', function() { var spy; this.view.onSync('blurred', spy = jasmine.createSpy()); this.$input.blur(); expect(spy).toHaveBeenCalled(); }); }); describe('when the focus DOM event is triggered', function() { it('should update queryWhenFocused', function() { this.view.setQuery('hi'); this.$input.focus(); expect(this.view.hasQueryChangedSinceLastFocus()).toBe(false); this.view.setQuery('bye'); expect(this.view.hasQueryChangedSinceLastFocus()).toBe(true); }); it('should trigger focused', function() { var spy; this.view.onSync('focused', spy = jasmine.createSpy()); this.$input.focus(); expect(spy).toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by tab', function() { it('should trigger tabKeyed if no modifiers were pressed', function() { var spy; this.view.onSync('tabKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.tab); expect(spy).toHaveBeenCalled(); }); it('should not trigger tabKeyed if modifiers were pressed', function() { var spy; this.view.onSync('tabKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.tab, true); expect(spy).not.toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by esc', function() { it('should trigger escKeyed', function() { var spy; this.view.onSync('escKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.esc); expect(spy).toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by left', function() { it('should trigger leftKeyed', function() { var spy; this.view.onSync('leftKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.left); expect(spy).toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by right', function() { it('should trigger rightKeyed', function() { var spy; this.view.onSync('rightKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.right); expect(spy).toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by enter', function() { it('should trigger enterKeyed', function() { var spy; this.view.onSync('enterKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.enter); expect(spy).toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by up', function() { it('should trigger upKeyed', function() { var spy; this.view.onSync('upKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.up); expect(spy).toHaveBeenCalled(); }); it('should prevent default if no modifers were pressed', function() { var $e = simulateKeyEvent(this.$input, 'keydown', KEYS.up); expect($e.preventDefault).toHaveBeenCalled(); }); it('should not prevent default if modifers were pressed', function() { var $e = simulateKeyEvent(this.$input, 'keydown', KEYS.up, true); expect($e.preventDefault).not.toHaveBeenCalled(); }); }); describe('when the keydown DOM event is triggered by down', function() { it('should trigger downKeyed', function() { var spy; this.view.onSync('downKeyed', spy = jasmine.createSpy()); simulateKeyEvent(this.$input, 'keydown', KEYS.down); expect(spy).toHaveBeenCalled(); }); it('should prevent default if no modifers were pressed', function() { var $e = simulateKeyEvent(this.$input, 'keydown', KEYS.down); expect($e.preventDefault).toHaveBeenCalled(); }); it('should not prevent default if modifers were pressed', function() { var $e = simulateKeyEvent(this.$input, 'keydown', KEYS.down, true); expect($e.preventDefault).not.toHaveBeenCalled(); }); }); // NOTE: have to treat these as async because the ie polyfill acts // in a async manner describe('when the input DOM event is triggered', function() { it('should update query', function() { this.view.setQuery('wine'); this.view.setInputValue('cheese'); simulateInputEvent(this.$input); waitsFor(function() { return this.view.getQuery() === 'cheese'; }); }); it('should trigger queryChanged if the query changed', function() { var spy; this.view.setQuery('wine'); this.view.setInputValue('cheese'); this.view.onSync('queryChanged', spy = jasmine.createSpy()); simulateInputEvent(this.$input); expect(spy).toHaveBeenCalled(); }); it('should trigger whitespaceChanged if whitespace changed', function() { var spy; this.view.setQuery('wine bar'); this.view.setInputValue('wine bar'); this.view.onSync('whitespaceChanged', spy = jasmine.createSpy()); simulateInputEvent(this.$input); expect(spy).toHaveBeenCalled(); }); it('should clear hint if invalid', function() { spyOn(this.view, 'clearHintIfInvalid'); simulateInputEvent(this.$input); expect(this.view.clearHintIfInvalid).toHaveBeenCalled(); }); it('should check lang direction', function() { var spy; this.$input.css('direction', 'rtl'); this.view.onSync('langDirChanged', spy = jasmine.createSpy()); simulateInputEvent(this.$input); expect(this.view.dir).toBe('rtl'); expect(this.$hint).toHaveAttr('dir', 'rtl'); expect(spy).toHaveBeenCalled(); }); }); describe('.normalizeQuery', function() { it('should strip leading whitespace', function() { expect(Input.normalizeQuery(' foo')).toBe('foo'); }); it('should condense whitespace', function() { expect(Input.normalizeQuery('foo bar')).toBe('foo bar'); }); it('should play nice with non-string values', function() { expect(Input.normalizeQuery(2)).toBe('2'); expect(Input.normalizeQuery([])).toBe(''); expect(Input.normalizeQuery(null)).toBe(''); expect(Input.normalizeQuery(undefined)).toBe(''); expect(Input.normalizeQuery(false)).toBe('false'); }); }); describe('#focus', function() { it('should focus the input', function() { this.$input.blur(); this.view.focus(); expect(this.$input).toBeFocused(); }); }); describe('#blur', function() { it('should blur the input', function() { this.$input.focus(); this.view.blur(); expect(this.$input).not.toBeFocused(); }); }); describe('#getQuery', function() { it('should act as getter to the query property', function() { this.view.setQuery('mouse'); expect(this.view.getQuery()).toBe('mouse'); }); }); describe('#setQuery', function() { it('should act as setter to the query property', function() { this.view.setQuery('mouse'); expect(this.view.getQuery()).toBe('mouse'); }); it('should update input value', function() { this.view.setQuery('mouse'); expect(this.view.getInputValue()).toBe('mouse'); }); it('should trigger queryChanged if the query changed', function() { var spy; this.view.setQuery('wine'); this.view.onSync('queryChanged', spy = jasmine.createSpy()); this.view.setQuery('cheese'); expect(spy).toHaveBeenCalled(); }); it('should trigger whitespaceChanged if whitespace changed', function() { var spy; this.view.setQuery('wine bar'); this.view.onSync('whitespaceChanged', spy = jasmine.createSpy()); this.view.setQuery('wine bar'); expect(spy).toHaveBeenCalled(); }); it('should clear hint if invalid', function() { spyOn(this.view, 'clearHintIfInvalid'); simulateInputEvent(this.$input); expect(this.view.clearHintIfInvalid).toHaveBeenCalled(); }); }); describe('#hasQueryChangedSinceLastFocus', function() { it('should return true if the query has changed since focus', function() { this.view.setQuery('hi'); this.$input.focus(); this.view.setQuery('bye'); expect(this.view.hasQueryChangedSinceLastFocus()).toBe(true); }); it('should return false if the query has not changed since focus', function() { this.view.setQuery('hi'); this.$input.focus(); expect(this.view.hasQueryChangedSinceLastFocus()).toBe(false); }); }); describe('#getInputValue', function() { it('should act as getter to the input value', function() { this.$input.val('cheese'); expect(this.view.getInputValue()).toBe('cheese'); }); }); describe('#setInputValue', function() { it('should act as setter to the input value', function() { this.view.setInputValue('cheese'); expect(this.view.getInputValue()).toBe('cheese'); }); it('should clear hint if invalid', function() { spyOn(this.view, 'clearHintIfInvalid'); this.view.setInputValue('cheese head'); expect(this.view.clearHintIfInvalid).toHaveBeenCalled(); }); it('should check lang direction', function() { var spy; this.$input.css('direction', 'rtl'); this.view.onSync('langDirChanged', spy = jasmine.createSpy()); simulateInputEvent(this.$input); expect(this.view.dir).toBe('rtl'); expect(this.$hint).toHaveAttr('dir', 'rtl'); expect(spy).toHaveBeenCalled(); }); }); describe('#getHint/#setHint', function() { it('should act as getter/setter to value of hint', function() { this.view.setHint('mountain'); expect(this.view.getHint()).toBe('mountain'); }); }); describe('#resetInputValue', function() { it('should reset input value to last query', function() { this.view.setQuery('cheese'); this.view.setInputValue('wine'); this.view.resetInputValue(); expect(this.view.getInputValue()).toBe('cheese'); }); }); describe('#clearHint', function() { it('should set the hint value to the empty string', function() { this.view.setHint('cheese'); this.view.clearHint(); expect(this.view.getHint()).toBe(''); }); }); describe('#clearHintIfInvalid', function() { it('should clear hint if input value is empty string', function() { this.view.setInputValue(''); this.view.setHint('cheese'); this.view.clearHintIfInvalid(); expect(this.view.getHint()).toBe(''); }); it('should clear hint if input value is not prefix of input', function() { this.view.setInputValue('milk'); this.view.setHint('cheese'); this.view.clearHintIfInvalid(); expect(this.view.getHint()).toBe(''); }); it('should clear hint if overflow exists', function() { spyOn(this.view, 'hasOverflow').andReturn(true); this.view.setInputValue('che'); this.view.setHint('cheese'); this.view.clearHintIfInvalid(); expect(this.view.getHint()).toBe(''); }); it('should not clear hint if input value is prefix of input', function() { this.view.setInputValue('che'); this.view.setHint('cheese'); this.view.clearHintIfInvalid(); expect(this.view.getHint()).toBe('cheese'); }); }); describe('#hasOverflow', function() { it('should return true if the input has overflow text', function() { var longStr = new Array(1000).join('a'); this.view.setInputValue(longStr); expect(this.view.hasOverflow()).toBe(true); }); it('should return false if the input has no overflow text', function() { var shortStr = 'aah'; this.view.setInputValue(shortStr); expect(this.view.hasOverflow()).toBe(false); }); }); describe('#isCursorAtEnd', function() { it('should return true if the text cursor is at the end', function() { this.view.setInputValue('boo'); setCursorPosition(this.$input, 3); expect(this.view.isCursorAtEnd()).toBe(true); }); it('should return false if the text cursor is not at the end', function() { this.view.setInputValue('boo'); setCursorPosition(this.$input, 1); expect(this.view.isCursorAtEnd()).toBe(false); }); }); describe('#destroy', function() { it('should remove event handlers', function() { var $input, $hint; $hint = this.view.$hint; $input = this.view.$input; spyOn($hint, 'off'); spyOn($input, 'off'); this.view.destroy(); expect($hint.off).toHaveBeenCalledWith('.tt'); expect($input.off).toHaveBeenCalledWith('.tt'); }); it('should set references to DOM elements to dummy element', function() { var $hint, $input, $overflowHelper; $hint = this.view.$hint; $input = this.view.$input; $overflowHelper = this.view.$overflowHelper; this.view.destroy(); expect(this.view.$hint).not.toBe($hint); expect(this.view.$input).not.toBe($input); expect(this.view.$overflowHelper).not.toBe($overflowHelper); }); }); // helper functions // ---------------- function simulateInputEvent($node) { var $e, type; type = _.isMsie() ? 'keypress' : 'input'; $e = $.Event(type); $node.trigger($e); } function simulateKeyEvent($node, type, key, withModifier) { var $e; $e = $.Event(type, { keyCode: key, altKey: !!withModifier, ctrlKey: !!withModifier, metaKey: !!withModifier, shiftKey: !!withModifier }); spyOn($e, 'preventDefault'); $node.trigger($e); return $e; } function setCursorPosition($input, pos) { var input = $input[0], range; if (input.setSelectionRange) { input.focus(); input.setSelectionRange(pos, pos); } else if (input.createTextRange) { range = input.createTextRange(); range.collapse(true); range.moveEnd('character', pos); range.moveStart('character', pos); range.select(); } } });	14.71 KB	2026-02-12 14:54
📄 plugin_spec.js describe('$plugin', function() { beforeEach(function() { var $fixture; setFixtures('<input class="test-input" type="text" autocomplete="on">'); $fixture = $('#jasmine-fixtures'); this.$input = $fixture.find('.test-input'); this.$input.typeahead(null, { displayKey: 'v', source: function(q, sync) { sync([{ v: '1' }, { v: '2' }, { v: '3' }]); } }); }); it('#enable should enable the typaahead', function() { this.$input.typeahead('disable'); expect(this.$input.typeahead('isEnabled')).toBe(false); this.$input.typeahead('enable'); expect(this.$input.typeahead('isEnabled')).toBe(true); }); it('#disable should disable the typaahead', function() { this.$input.typeahead('enable'); expect(this.$input.typeahead('isEnabled')).toBe(true); this.$input.typeahead('disable'); expect(this.$input.typeahead('isEnabled')).toBe(false); }); it('#activate should activate the typaahead', function() { this.$input.typeahead('deactivate'); expect(this.$input.typeahead('isActive')).toBe(false); this.$input.typeahead('activate'); expect(this.$input.typeahead('isActive')).toBe(true); }); it('#activate should fail to activate the typaahead if disabled', function() { this.$input.typeahead('deactivate'); expect(this.$input.typeahead('isActive')).toBe(false); this.$input.typeahead('disable'); this.$input.typeahead('activate'); expect(this.$input.typeahead('isActive')).toBe(false); }); it('#deactivate should deactivate the typaahead', function() { this.$input.typeahead('activate'); expect(this.$input.typeahead('isActive')).toBe(true); this.$input.typeahead('deactivate'); expect(this.$input.typeahead('isActive')).toBe(false); }); it('#open should open the menu', function() { this.$input.typeahead('close'); expect(this.$input.typeahead('isOpen')).toBe(false); this.$input.typeahead('open'); expect(this.$input.typeahead('isOpen')).toBe(true); }); it('#close should close the menu', function() { this.$input.typeahead('open'); expect(this.$input.typeahead('isOpen')).toBe(true); this.$input.typeahead('close'); expect(this.$input.typeahead('isOpen')).toBe(false); }); it('#select should select selectable', function() { var $el; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); $el = $('.tt-selectable').first(); expect(this.$input.typeahead('select', $el)).toBe(true); expect(this.$input.typeahead('val')).toBe('1'); }); it('#select should return false if not valid selectable', function() { var body; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); body = document.body; expect(this.$input.typeahead('select', body)).toBe(false); }); it('#autocomplete should autocomplete to selectable', function() { var $el; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); $el = $('.tt-selectable').first(); expect(this.$input.typeahead('autocomplete', $el)).toBe(true); expect(this.$input.typeahead('val')).toBe('1'); }); it('#autocomplete should return false if not valid selectable', function() { var body; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); body = document.body; expect(this.$input.typeahead('autocomplete', body)).toBe(false); }); it('#moveCursor should move cursor', function() { var $el; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); $el = $('.tt-selectable').first(); expect($el).not.toHaveClass('tt-cursor'); expect(this.$input.typeahead('moveCursor', 1)).toBe(true); expect($el).toHaveClass('tt-cursor'); }); it('#select should return false if not valid selectable', function() { var body; // activate and set val to render some selectables this.$input.typeahead('activate'); this.$input.typeahead('val', 'o'); body = document.body; expect(this.$input.typeahead('select', body)).toBe(false); }); it('#val() should typeahead value of element', function() { var $els; this.$input.typeahead('val', 'foo'); $els = this.$input.add('<div>'); expect($els.typeahead('val')).toBe('foo'); }); it('#val(q) should set query', function() { this.$input.typeahead('val', 'foo'); expect(this.$input.typeahead('val')).toBe('foo'); }); it('#destroy should revert modified attributes', function() { expect(this.$input).toHaveAttr('autocomplete', 'off'); expect(this.$input).toHaveAttr('dir'); expect(this.$input).toHaveAttr('spellcheck'); expect(this.$input).toHaveAttr('style'); this.$input.typeahead('destroy'); expect(this.$input).toHaveAttr('autocomplete', 'on'); expect(this.$input).not.toHaveAttr('dir'); expect(this.$input).not.toHaveAttr('spellcheck'); expect(this.$input).not.toHaveAttr('style'); }); it('#destroy should remove data', function() { expect(this.$input.data('tt-www')).toBeTruthy(); expect(this.$input.data('tt-attrs')).toBeTruthy(); expect(this.$input.data('tt-typeahead')).toBeTruthy(); this.$input.typeahead('destroy'); expect(this.$input.data('tt-www')).toBeFalsy(); expect(this.$input.data('tt-attrs')).toBeFalsy(); expect(this.$input.data('tt-typeahead')).toBeFalsy(); }); it('#destroy should remove add classes', function() { expect(this.$input).toHaveClass('tt-input'); this.$input.typeahead('destroy'); expect(this.$input).not.toHaveClass('tt-input'); }); it('#destroy should revert DOM changes', function() { expect($('.twitter-typeahead')).toExist(); this.$input.typeahead('destroy'); expect($('.twitter-typeahead')).not.toExist(); }); });	5.94 KB	2026-02-12 14:54
📄 results_spec.js describe('Menu', function() { var www = WWW(); beforeEach(function() { var $fixture; jasmine.Dataset.useMock(); setFixtures('<div id="menu-fixture"></div>'); $fixture = $('#jasmine-fixtures'); this.$node = $fixture.find('#menu-fixture'); this.$node.html(fixtures.html.dataset); this.view = new Menu({ node: this.$node, datasets: [{}] }, www).bind(); this.dataset = this.view.datasets[0]; }); it('should throw an error if node is missing', function() { expect(noNode).toThrow(); function noNode() { new Menu({ datasets: [{}] }, www); } }); describe('when click event is triggered on a selectable', function() { it('should trigger selectableClicked', function() { var spy; this.view.onSync('selectableClicked', spy = jasmine.createSpy()); this.$node.find(www.selectors.selectable).first().click(); expect(spy).toHaveBeenCalled(); }); }); describe('when rendered is triggered on a dataset', function() { it('should add empty class to node if empty', function() { this.dataset.isEmpty.andReturn(true); this.$node.removeClass(www.classes.empty); this.dataset.trigger('rendered'); expect(this.$node).toHaveClass(www.classes.empty); }); it('should remove empty class from node if not empty', function() { this.dataset.isEmpty.andReturn(false); this.$node.addClass(www.classes.empty); this.dataset.trigger('rendered'); expect(this.$node).not.toHaveClass(www.classes.empty); }); it('should trigger datasetRendered', function() { var spy; this.view.onSync('datasetRendered', spy = jasmine.createSpy()); this.dataset.trigger('rendered'); expect(spy).toHaveBeenCalled(); }); }); describe('when cleared is triggered on a dataset', function() { it('should add empty class to node if empty', function() { this.dataset.isEmpty.andReturn(true); this.$node.removeClass(www.classes.empty); this.dataset.trigger('cleared'); expect(this.$node).toHaveClass(www.classes.empty); }); it('should remove empty class from node if not empty', function() { this.dataset.isEmpty.andReturn(false); this.$node.addClass(www.classes.empty); this.dataset.trigger('cleared'); expect(this.$node).not.toHaveClass(www.classes.empty); }); it('should trigger datasetCleared', function() { var spy; this.view.onSync('datasetCleared', spy = jasmine.createSpy()); this.dataset.trigger('cleared'); expect(spy).toHaveBeenCalled(); }); }); describe('when asyncRequested is triggered on a dataset', function() { it('should propagate event', function() { var spy = jasmine.createSpy(); this.dataset.onSync('asyncRequested', spy); this.dataset.trigger('asyncRequested'); expect(spy).toHaveBeenCalled(); }); }); describe('when asyncCanceled is triggered on a dataset', function() { it('should propagate event', function() { var spy = jasmine.createSpy(); this.dataset.onSync('asyncCanceled', spy); this.dataset.trigger('asyncCanceled'); expect(spy).toHaveBeenCalled(); }); }); describe('when asyncReceieved is triggered on a dataset', function() { it('should propagate event', function() { var spy = jasmine.createSpy(); this.dataset.onSync('asyncReceived', spy); this.dataset.trigger('asyncReceived'); expect(spy).toHaveBeenCalled(); }); }); describe('#open', function() { it('should add open class to node', function() { this.$node.removeClass(www.classes.open); this.view.open(); expect(this.$node).toHaveClass(www.classes.open); }); }); describe('#close', function() { it('should remove open class to node', function() { this.$node.addClass(www.classes.open); this.view.close(); expect(this.$node).not.toHaveClass(www.classes.open); }); it('should remove cursor', function() { var $selectable; $selectable = this.view._getSelectables().first(); this.view.setCursor($selectable); expect($selectable).toHaveClass(www.classes.cursor); this.view.close(); expect($selectable).not.toHaveClass(www.classes.cursor); }); }); describe('#setLanguageDirection', function() { it('should update css for given language direction', function() { this.view.setLanguageDirection('rtl'); expect(this.$node).toHaveAttr('dir', 'rtl'); this.view.setLanguageDirection('ltr'); expect(this.$node).toHaveAttr('dir', 'ltr'); }); }); describe('#selectableRelativeToCursor', function() { it('should return selectable delta spots away from cursor', function() { var $first, $second; $first = this.view._getSelectables().eq(0); $second = this.view._getSelectables().eq(1); this.view.setCursor($first); expect(this.view.selectableRelativeToCursor(+1)).toBe($second); }); it('should support negative deltas', function() { var $first, $second; $first = this.view._getSelectables().eq(0); $second = this.view._getSelectables().eq(1); this.view.setCursor($second); expect(this.view.selectableRelativeToCursor(-1)).toBe($first); }); it('should wrap', function() { var $expected, $actual; $expected = this.view._getSelectables().eq(-1); $actual = this.view.selectableRelativeToCursor(-1); expect($actual).toBe($expected); }); it('should return null if delta lands on input', function() { var $first; $first = this.view._getSelectables().eq(0); this.view.setCursor($first); expect(this.view.selectableRelativeToCursor(-1)).toBeNull(); }); }); describe('#setCursor', function() { it('should remove cursor if null is passed in', function() { var $selectable; $selectable = this.view._getSelectables().eq(0); this.view.setCursor($selectable); expect(this.view.getActiveSelectable()).toBe($selectable); this.view.setCursor(null); expect(this.view.getActiveSelectable()).toBeNull(); }); it('should move cursor to passed in selectable', function() { var $selectable; $selectable = this.view._getSelectables().eq(0); expect(this.view.getActiveSelectable()).toBeNull(); this.view.setCursor($selectable); expect(this.view.getActiveSelectable()).toBe($selectable); }); }); describe('#getSelectableData', function() { it('should extract the data from the selectable element', function() { var $selectable, datum; $selectable = $('<div>').data({ 'tt-selectable-display': 'one', 'tt-selectable-object': 'two' }); data = this.view.getSelectableData($selectable); expect(data).toEqual({ val: 'one', obj: 'two' }); }); it('should return null if no element is given', function() { expect(this.view.getSelectableData($('notreal'))).toBeNull(); }); }); describe('#getActiveSelectable', function() { it('should return the selectable the cursor is on', function() { var $first; $first = this.view._getSelectables().eq(0); this.view.setCursor($first); expect(this.view.getActiveSelectable()).toBe($first); }); it('should return null if the cursor is off', function() { expect(this.view.getActiveSelectable()).toBeNull(); }); }); describe('#getTopSelectable', function() { it('should return the selectable at the top of the menu', function() { var $first; $first = this.view._getSelectables().eq(0); expect(this.view.getTopSelectable()).toBe($first); }); }); describe('#update', function() { it('should invoke update on each dataset if valid update', function() { this.view.update('fiz'); expect(this.dataset.update).toHaveBeenCalled(); }); it('should return true when valid update', function() { expect(this.view.update('fiz')).toBe(true); }); it('should return false when invalid update', function() { this.view.update('fiz'); expect(this.view.update('fiz')).toBe(false); }); }); describe('#empty', function() { it('should set query to null', function() { this.view.query = 'fiz'; this.view.empty(); expect(this.view.query).toBeNull(); }); it('should add empty class to node', function() { this.$node.removeClass(www.classes.empty); this.view.empty(); expect(this.$node).toHaveClass(www.classes.empty); }); it('should invoke clear on each dataset', function() { this.view.empty(); expect(this.dataset.clear).toHaveBeenCalled(); }); }); describe('#destroy', function() { it('should remove event handlers', function() { var $node = this.view.$node; spyOn($node, 'off'); this.view.destroy(); expect($node.off).toHaveBeenCalledWith('.tt'); }); it('should destroy its datasets', function() { this.view.destroy(); expect(this.dataset.destroy).toHaveBeenCalled(); }); it('should set node element to dummy element', function() { var $node = this.view.$node; this.view.destroy(); expect(this.view.$node).not.toBe($node); }); }); });	9.12 KB	2026-02-12 14:54
📄 typeahead_spec.js describe('Typeahead', function() { var www, testData; www = WWW(); beforeEach(function() { var $fixture, $input; jasmine.Input.useMock(); jasmine.Dataset.useMock(); jasmine.Menu.useMock(); setFixtures('<input type="text">'); $fixture = $('#jasmine-fixtures'); this.$input = $fixture.find('input'); testData = { val: 'foo bar', obj: 'fiz' }; this.view = new Typeahead({ input: new Input(), menu: new Menu(), eventBus: new EventBus({ el: this.$input }) }, www); this.input = this.view.input; this.menu = this.view.menu; }); describe('on selectableClicked', function() { var eventName, payload; beforeEach(function() { eventName = 'selectableClicked'; payload = $('<foo>'); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onSelectableClicked'); this.menu.trigger(eventName, payload); expect(this.view._onSelectableClicked).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should select the selectable', function() { spyOn(this.view, 'select'); this.menu.trigger(eventName, payload); expect(this.view.select).toHaveBeenCalledWith(payload); }); }); }); describe('on asyncRequested', function() { var eventName; beforeEach(function() { eventName = 'asyncRequested'; }); it('should trigger typeahead:asyncrequest', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:asyncrequest', spy); this.menu.trigger(eventName); expect(spy).toHaveBeenCalled(); }); }); describe('on asyncCanceled', function() { var eventName; beforeEach(function() { eventName = 'asyncCanceled'; }); it('should trigger typeahead:asynccancel', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:asynccancel', spy); this.menu.trigger(eventName); expect(spy).toHaveBeenCalled(); }); }); describe('on asyncReceived', function() { var eventName; beforeEach(function() { eventName = 'asyncReceived'; }); it('should trigger typeahead:asyncreceive', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:asyncreceive', spy); this.menu.trigger(eventName); expect(spy).toHaveBeenCalled(); }); }); describe('on datasetRendered', function() { var eventName; beforeEach(function() { eventName = 'datasetRendered'; }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onDatasetRendered'); this.menu.trigger(eventName); expect(this.view._onDatasetRendered).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should update the hint', function() { this.input.hasOverflow.andReturn(false); this.menu.getTopSelectable.andReturn($('<fiz>')); this.menu.getSelectableData.andReturn(testData); this.input.getInputValue.andReturn(testData.val.slice(0, 2)); this.menu.trigger(eventName); expect(this.input.setHint).toHaveBeenCalled(); }); it('should trigger typeahead:render', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:render', spy); this.menu.trigger(eventName); expect(spy).toHaveBeenCalled(); }); }); }); describe('on datasetCleared', function() { var eventName; beforeEach(function() { eventName = 'datasetCleared'; }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onDatasetCleared'); this.menu.trigger(eventName); expect(this.view._onDatasetCleared).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should update the hint', function() { this.input.hasOverflow.andReturn(false); this.menu.getTopSelectable.andReturn($('<fiz>')); this.menu.getSelectableData.andReturn(testData); this.input.getInputValue.andReturn(testData.val.slice(0, 2)); this.menu.trigger(eventName); expect(this.input.setHint).toHaveBeenCalled(); }); }); }); describe('on focused', function() { var eventName; beforeEach(function() { eventName = 'focused'; }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should activate typeahead', function() { this.input.trigger(eventName); expect(this.view.isActive()).toBe(true); }); it('should open menu', function() { this.input.trigger(eventName); expect(this.menu.open).toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should open menu', function() { this.input.trigger(eventName); expect(this.menu.open).toHaveBeenCalled(); }); it('should update menu for query if minLength met', function() { this.input.getQuery.andReturn('bar'); this.input.trigger(eventName); expect(this.menu.update).toHaveBeenCalledWith('bar'); }); it('should not update menu for query if minLength not met', function() { this.view.minLength = 1; this.input.getQuery.andReturn(''); this.input.trigger(eventName); expect(this.menu.update).not.toHaveBeenCalled(); }); }); }); describe('on blurred', function() { var eventName; beforeEach(function() { eventName = 'blurred'; }); it('should trigger typeahead:change if query changed since focus', function() { var spy = jasmine.createSpy(); this.input.hasQueryChangedSinceLastFocus.andReturn(true); this.$input.on('typeahead:change', spy); this.input.trigger(eventName); expect(spy).toHaveBeenCalled(); }); it('should not trigger typeahead:change if query has not changed since focus', function() { var spy = jasmine.createSpy(); this.input.hasQueryChangedSinceLastFocus.andReturn(false); this.$input.on('typeahead:change', spy); this.input.trigger(eventName); expect(spy).not.toHaveBeenCalled(); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should deactivate typeahead', function() { this.input.trigger(eventName); expect(this.view.isActive()).toBe(false); }); }); }); describe('on enterKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'enterKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onEnterKeyed'); this.input.trigger(eventName, payload); expect(this.view._onEnterKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is closed', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(false); }); it('should do nothing', function() { spyOn(this.view, '_onEnterKeyed'); this.input.trigger(eventName, payload); expect(this.view._onEnterKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is open', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(true); }); it('should select selectable if there is an active one', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select'); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(this.view.select).toHaveBeenCalledWith($el); }); it('should prevent default if active selectale ', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select').andReturn(true); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).toHaveBeenCalled(); }); it('should not select selectable if there is no active one', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select'); this.input.trigger(eventName, payload); expect(this.view.select).not.toHaveBeenCalledWith($el); }); it('should not prevent default if no active selectale', function() { var $el; spyOn(this.view, 'select').andReturn(true); $el = $('<bah>'); this.input.trigger(eventName, payload); expect(payload.preventDefault).not.toHaveBeenCalled(); }); it('should not prevent default if selection of active selectable fails', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select').andReturn(false); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).not.toHaveBeenCalled(); }); }); }); describe('on tabKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'tabKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onTabKeyed'); this.input.trigger(eventName, payload); expect(this.view._onTabKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is closed', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(false); }); it('should do nothing', function() { spyOn(this.view, '_onTabKeyed'); this.input.trigger(eventName, payload); expect(this.view._onTabKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is open', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(true); }); it('should select selectable if there is an active one', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select'); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(this.view.select).toHaveBeenCalledWith($el); }); it('should prevent default if active selectale', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select').andReturn(true); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).toHaveBeenCalled(); }); it('should not select selectable if there is no active one', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select'); this.input.trigger(eventName, payload); expect(this.view.select).not.toHaveBeenCalledWith($el); }); it('should not prevent default if no active selectale', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select'); this.input.trigger(eventName, payload); expect(payload.preventDefault).not.toHaveBeenCalled(); }); it('should not prevent default if selection of active selectable fails', function() { var $el; $el = $('<bah>'); spyOn(this.view, 'select').andReturn(false); this.menu.getActiveSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).not.toHaveBeenCalled(); }); it('should autocomplete to top suggestion', function() { var $el; $el = $('<foo>'); spyOn(this.view, 'autocomplete'); this.menu.getTopSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(this.view.autocomplete).toHaveBeenCalledWith($el); }); it('should prevent default behavior of DOM event if autocompletion succeeds', function() { var $el; $el = $('<foo>'); spyOn(this.view, 'autocomplete').andReturn(true); this.menu.getTopSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).toHaveBeenCalled(); }); it('should not prevent default behavior of DOM event if autocompletion fails', function() { var $el; $el = $('<foo>'); spyOn(this.view, 'autocomplete').andReturn(false); this.menu.getTopSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(payload.preventDefault).not.toHaveBeenCalled(); }); }); }); describe('on escKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'escKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onEscKeyed'); this.input.trigger(eventName, payload); expect(this.view._onEscKeyed).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should close', function() { spyOn(this.view, 'close'); this.input.trigger(eventName, payload); expect(this.view.close).toHaveBeenCalled(); }); }); }); describe('on upKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'upKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onUpKeyed'); this.input.trigger(eventName, payload); expect(this.view._onUpKeyed).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); spyOn(this.view, 'moveCursor'); }); it('should open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).toHaveBeenCalled(); }); it('should move cursor -1', function() { this.input.trigger(eventName, payload); expect(this.view.moveCursor).toHaveBeenCalledWith(-1); }); }); }); describe('on downKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'downKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onDownKeyed'); this.input.trigger(eventName, payload); expect(this.view._onDownKeyed).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); spyOn(this.view, 'moveCursor'); }); it('should open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).toHaveBeenCalled(); }); it('should move cursor +1', function() { this.input.trigger(eventName, payload); expect(this.view.moveCursor).toHaveBeenCalledWith(1); }); }); }); describe('on leftKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'leftKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onLeftKeyed'); this.input.trigger(eventName, payload); expect(this.view._onLeftKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is closed', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(false); }); it('should do nothing', function() { spyOn(this.view, '_onLeftKeyed'); this.input.trigger(eventName, payload); expect(this.view._onLeftKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is open', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(true); }); it('should autocomplete if language is rtl and text cursor is at end', function() { var $el = $('<foo>'); spyOn(this.view, 'autocomplete'); this.view.dir = 'rtl'; this.input.isCursorAtEnd.andReturn(true); this.menu.getTopSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(this.view.autocomplete).toHaveBeenCalledWith($el); }); }); }); describe('on rightKeyed', function() { var eventName, payload; beforeEach(function() { eventName = 'rightKeyed'; payload = jasmine.createSpyObj('event', ['preventDefault']); }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { spyOn(this.view, '_onRightKeyed'); this.input.trigger(eventName, payload); expect(this.view._onRightKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is closed', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(false); }); it('should do nothing', function() { spyOn(this.view, '_onRightKeyed'); this.input.trigger(eventName, payload); expect(this.view._onRightKeyed).not.toHaveBeenCalled(); }); }); describe('when active and menu is open', function() { beforeEach(function() { this.view.activate(); this.menu.isOpen.andReturn(true); }); it('should autocomplete if language is rtl and text cursor is at end', function() { var $el = $('<foo>'); spyOn(this.view, 'autocomplete'); this.view.dir = 'ltr'; this.input.isCursorAtEnd.andReturn(true); this.menu.getTopSelectable.andReturn($el); this.input.trigger(eventName, payload); expect(this.view.autocomplete).toHaveBeenCalledWith($el); }); }); }); describe('on queryChanged', function() { var eventName, payload; beforeEach(function() { eventName = 'queryChanged'; payload = ''; }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should not open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); this.view.open(); }); it('should open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).toHaveBeenCalled(); }); it('should empty menu if minLength is not satisfied', function() { this.view.minLength = 100; this.input.trigger(eventName, payload); expect(this.menu.empty).toHaveBeenCalled(); }); it('should update menu if minLength is satisfied', function() { this.input.trigger(eventName, 'fiz'); expect(this.menu.update).toHaveBeenCalledWith('fiz'); }); }); }); describe('on whitespaceChanged', function() { var eventName, payload; beforeEach(function() { eventName = 'whitespaceChanged'; payload = ''; }); describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should not open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should open menu', function() { this.input.trigger(eventName, payload); expect(this.menu.open).toHaveBeenCalled(); }); it('should update the hint', function() { this.input.hasFocus.andReturn(true); this.input.hasOverflow.andReturn(false); this.menu.getTopSelectable.andReturn($('<fiz>')); this.menu.getSelectableData.andReturn(testData); this.input.getInputValue.andReturn(testData.val.slice(0, 2)); this.input.trigger(eventName, payload); expect(this.input.setHint).toHaveBeenCalledWith(testData.val); }); }); }); describe('on langDirChanged', function() { var eventName, payload; beforeEach(function() { eventName = 'langDirChanged'; payload = 'rtl'; }); it('should set direction of menu if direction changed', function() { this.view.dir = 'ltr'; this.input.trigger(eventName, payload); expect(this.view.dir).toBe(payload); expect(this.menu.setLanguageDirection).toHaveBeenCalled(); }); it('should do nothing if direction did not changed', function() { this.view.dir = payload; this.input.trigger(eventName, payload); expect(this.view.dir).toBe(payload); expect(this.menu.setLanguageDirection).not.toHaveBeenCalled(); }); }); describe('#isActive', function() { it('should return true if active', function() { this.view.activate(); expect(this.view.isActive()).toBe(true); }); it('should return false if active', function() { this.view.deactivate(); expect(this.view.isActive()).toBe(false); }); }); describe('#isEnabled', function() { it('should returned enabled status', function() { this.view.enable(); expect(this.view.isEnabled()).toBe(true); this.view.disable(); expect(this.view.isEnabled()).toBe(false); }); }); describe('#enable', function() { it('should set enabled to true', function() { this.view.enable(); expect(this.view.isEnabled()).toBe(true); }); }); describe('#disable', function() { it('should set enabled to false', function() { this.view.disable(); expect(this.view.isEnabled()).toBe(false); }); }); describe('#activate', function() { describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should do nothing', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeactive', spy); this.view.activate(); expect(spy).not.toHaveBeenCalled(); }); }); describe('when idle and disabled', function() { beforeEach(function() { this.view.disable(); this.view.activate(); }); it('should do nothing', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeactive', spy); this.view.activate(); expect(spy).not.toHaveBeenCalled(); }); }); describe('when idle and enabled', function() { beforeEach(function() { this.view.enable(); this.view.deactivate(); }); it('should trigger typeahead:beforeactive', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeactive', spy); this.view.activate(); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.$input.on('typeahead:beforeactive', spy1); this.$input.on('typeahead:active', spy2); this.view.activate(); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should change state to active', function() { expect(this.view.isActive()).toBe(false); this.view.activate(); expect(this.view.isActive()).toBe(true); }); it('should trigger typeahead:active if not canceled', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:active', spy); this.view.activate(); expect(spy).toHaveBeenCalled(); }); }); }); describe('#deactivate', function() { describe('when idle', function() { beforeEach(function() { this.view.deactivate(); }); it('should do nothing', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeidle', spy); this.view.deactivate(); expect(spy).not.toHaveBeenCalled(); }); }); describe('when active', function() { beforeEach(function() { this.view.activate(); }); it('should trigger typeahead:beforeidle', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeidle', spy); this.view.deactivate(); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.$input.on('typeahead:beforeidle', spy1); this.$input.on('typeahead:idle', spy2); this.view.deactivate(); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should close', function() { spyOn(this.view, 'close'); this.view.deactivate(); expect(this.view.close).toHaveBeenCalled(); }); it('should change state to idle', function() { expect(this.view.isActive()).toBe(true); this.view.deactivate(); expect(this.view.isActive()).toBe(false); }); it('should trigger typeahead:idle if not canceled', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:idle', spy); this.view.deactivate(); expect(spy).toHaveBeenCalled(); }); }); }); describe('#isOpen', function() { it('should return true if open', function() { this.menu.isOpen.andReturn(true); expect(this.view.isOpen()).toBe(true); }); it('should return false if closed', function() { this.menu.isOpen.andReturn(false); expect(this.view.isOpen()).toBe(false); }); }); describe('#open', function() { describe('when open', function() { beforeEach(function() { spyOn(this.view, 'isOpen').andReturn(true); }); it('should do nothing', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeopen', spy); this.view.open(); expect(spy).not.toHaveBeenCalled(); }); }); describe('when closed', function() { beforeEach(function() { spyOn(this.view, 'isOpen').andReturn(false); }); it('should trigger typeahead:beforeopen', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeopen', spy); this.view.open(); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.$input.on('typeahead:beforeopen', spy1); this.$input.on('typeahead:open', spy2); this.view.open(); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should open menu', function() { this.view.open(); expect(this.menu.open).toHaveBeenCalled(); }); it('should update hint if active', function() { spyOn(this.view, 'isActive').andReturn(true); this.input.hasOverflow.andReturn(false); this.menu.getTopSelectable.andReturn($('<fiz>')); this.menu.getSelectableData.andReturn(testData); this.input.getInputValue.andReturn(testData.val.slice(0, 2)); this.view.open(); expect(this.input.setHint).toHaveBeenCalled(); }); it('should trigger typeahead:open if not canceled', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:open', spy); this.view.open(); expect(spy).toHaveBeenCalled(); }); }); }); describe('#close', function() { describe('when closed', function() { beforeEach(function() { spyOn(this.view, 'isOpen').andReturn(false); }); it('should do nothing', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeclose', spy); this.view.open(); expect(spy).not.toHaveBeenCalled(); }); }); describe('when open', function() { beforeEach(function() { spyOn(this.view, 'isOpen').andReturn(true); }); it('should trigger typeahead:beforeclose', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforeclose', spy); this.view.close(); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.$input.on('typeahead:beforeclose', spy1); this.$input.on('typeahead:close', spy2); this.view.close(); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should close menu', function() { this.view.close(); expect(this.menu.close).toHaveBeenCalled(); }); it('should clear hint', function() { this.view.close(); expect(this.input.clearHint).toHaveBeenCalled(); }); it('should trigger typeahead:close if not canceled', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:close', spy); this.view.close(); expect(spy).toHaveBeenCalled(); }); }); }); describe('#getVal', function() { it('should return the current query', function() { this.input.getQuery.andReturn('woah'); expect(this.view.getVal()).toBe('woah'); }); }); describe('#setVal', function() { it('should update query', function() { this.input.hasFocus.andReturn(true); this.view.setVal('woah'); expect(this.input.setQuery).toHaveBeenCalledWith('woah'); }); }); describe('#select', function() { it('should do nothing if element is not a selectable', function() { var spy; this.menu.getSelectableData.andReturn(null); this.$input.on('typeahead:beforeselect', spy = jasmine.createSpy()); this.view.select($('<bah>')); expect(spy).not.toHaveBeenCalled(); }); it('should trigger typeahead:beforeselect', function() { var spy; this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:beforeselect', spy = jasmine.createSpy()); this.view.select($('<bah>')); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:beforeselect', spy1).on('typeahead:select', spy2); this.view.select($('<bah>')); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should update query', function() { this.menu.getSelectableData.andReturn(testData); this.view.select($('<bah>')); expect(this.input.setQuery).toHaveBeenCalledWith(testData.val, true); }); it('should trigger typeahead:select', function() { var spy; this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:select', spy = jasmine.createSpy()); this.view.select($('<bah>')); expect(spy).toHaveBeenCalled(); }); it('should close', function() { spyOn(this.view, 'close'); this.menu.getSelectableData.andReturn(testData); this.view.select($('<bah>')); expect(this.view.close).toHaveBeenCalled(); }); }); describe('#autocomplete', function() { it('should abort if the query matches the top suggestion', function() { var spy; this.input.getQuery.andReturn(testData.val); this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:beforeautocomplete', spy = jasmine.createSpy()); this.view.autocomplete($('<bah>')); expect(spy).not.toHaveBeenCalled(); }); it('should trigger typeahead:beforeautocomplete', function() { var spy; this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:beforeautocomplete', spy = jasmine.createSpy()); this.view.autocomplete($('<bah>')); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy1, spy2; spy1 = jasmine.createSpy().andCallFake(prevent); spy2 = jasmine.createSpy(); this.$input.on('typeahead:beforeautocomplete', spy1); this.$input.on('typeahead:autocomplete', spy2); this.menu.getSelectableData.andReturn(testData); this.view.autocomplete($('<bah>')); expect(spy1).toHaveBeenCalled(); expect(spy2).not.toHaveBeenCalled(); }); it('should update the query', function() { this.menu.getSelectableData.andReturn(testData); this.view.autocomplete($('<bah>')); expect(this.input.setQuery).toHaveBeenCalledWith(testData.val); }); it('should trigger typeahead:autocomplete', function() { var spy; this.menu.getSelectableData.andReturn(testData); this.$input.on('typeahead:autocomplete', spy = jasmine.createSpy()); this.view.autocomplete($('<bah>')); expect(spy).toHaveBeenCalled(); }); }); describe('#moveCursor', function() { beforeEach(function() { this.input.getQuery.andReturn('foo'); }); it('should move cursor if minLength is not satisfied', function() { var spy = jasmine.createSpy(); this.view.minLength = 100; this.menu.update.andReturn(true); this.$input.on('typeahead:beforecursorchange', spy); this.view.moveCursor(1); expect(spy).toHaveBeenCalled(); }); it('should move cursor if invalid update', function() { var spy = jasmine.createSpy(); this.menu.update.andReturn(false); this.$input.on('typeahead:beforecursorchange', spy); this.view.moveCursor(1); expect(spy).toHaveBeenCalled(); }); it('should not move cursor if valid update', function() { var spy = jasmine.createSpy(); this.menu.update.andReturn(true); this.$input.on('typeahead:beforecursorchange', spy); this.view.moveCursor(1); expect(spy).not.toHaveBeenCalled(); }); it('should trigger typeahead:beforecursorchange', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:beforecursorchange', spy); this.view.moveCursor(1); expect(spy).toHaveBeenCalled(); }); it('should support cancellation', function() { var spy = jasmine.createSpy().andCallFake(prevent); this.$input.on('typeahead:beforecursorchange', spy); this.view.moveCursor(1); expect(this.menu.setCursor).not.toHaveBeenCalled(); }); it('should update the input value if moved to selectable', function() { this.menu.getSelectableData.andReturn(testData); this.view.moveCursor(1); expect(this.input.setInputValue).toHaveBeenCalledWith(testData.val); }); it('should reset the input value if moved to input', function() { this.view.moveCursor(1); expect(this.input.resetInputValue).toHaveBeenCalled(); }); it('should update the hint', function() { this.input.hasOverflow.andReturn(false); this.menu.getTopSelectable.andReturn($('<fiz>')); this.menu.getSelectableData.andCallFake(fake); this.input.getInputValue.andReturn(testData.val.slice(0, 1)); this.view.moveCursor(1); expect(this.input.setHint).toHaveBeenCalledWith(testData.val); function fake($el) { return ($el && $el.prop('tagName') === 'FIZ') ? testData : null; } }); it('should trigger cursorchange after setting cursor', function() { var spy = jasmine.createSpy(); this.$input.on('typeahead:cursorchange', spy); this.view.moveCursor(1); expect(spy).toHaveBeenCalled(); }); }); describe('#destroy', function() { it('should destroy input', function() { this.view.destroy(); expect(this.input.destroy).toHaveBeenCalled(); }); it('should destroy menu', function() { this.view.destroy(); expect(this.menu.destroy).toHaveBeenCalled(); }); }); function prevent($e) { $e.preventDefault(); } });	37.41 KB	2026-02-12 14:54

Terminal