Files
DefinitelyTyped/types/bootstrap-select/bootstrap-select-tests.ts
2022-06-24 14:05:01 -07:00

159 lines
6.9 KiB
TypeScript

// $ExpectType JQuery<HTMLDivElement>
const $selectpicker = $<HTMLDivElement>('.selectpicker');
// $ExpectType JQuery<HTMLDivElement>
$selectpicker.selectpicker({
actionsBox: true,
container: 'body',
countSelectedText: 'counts > #',
deselectAllText: 'test',
dropdownAlignRight: true,
dropupAuto: true,
header: 'test',
hideDisabled: true,
iconBase: 'fa',
liveSearch: true,
liveSearchNormalize: true,
liveSearchPlaceholder: 'test',
liveSearchStyle: 'contains',
maxOptions: 10,
maxOptionsText: 'test',
mobile: true,
multipleSeparator: ', ',
noneSelectedText: 'test',
noneResultsText: 'test',
selectAllText: 'test',
selectedTextFormat: 'values',
selectOnTab: true,
showContent: true,
showIcon: true,
showSubtext: true,
showTick: true,
size: 'auto',
style: 'test',
styleBase: 'test',
tickIcon: 'test',
title: 'test',
virtualScroll: true,
width: 'auto',
windowPadding: 0,
whiteList: {
a: ['target', 'href', 'title', 'rel'],
},
sanitize: true,
sanitizeFn: () => {},
});
// $ExpectType JQuery<HTMLDivElement>
$selectpicker.selectpicker().trigger('change');
// $ExpectType JQuery<HTMLDivElement>
$selectpicker.selectpicker('val', 'foo');
$selectpicker.selectpicker('val', ['foo', 'bar']);
$selectpicker.selectpicker('selectAll');
$selectpicker.selectpicker('setStyle', 'btn-large', 'add');
$selectpicker.selectpicker('val', 'foo').trigger('change');
/**
* Methods
*/
$selectpicker.selectpicker('val', 'Mustard');
$selectpicker.selectpicker('val', ['Mustard', 'Relish']);
$selectpicker.selectpicker('render');
$selectpicker.selectpicker('selectAll');
$selectpicker.selectpicker('deselectAll');
$selectpicker.selectpicker('mobile');
$selectpicker.addClass('col-lg-12').selectpicker('setStyle');
$selectpicker.selectpicker('setStyle', 'btn-danger'); // Replace Class
$selectpicker.selectpicker('setStyle', 'btn-large', 'add'); // Add Class
$selectpicker.selectpicker('setStyle', 'btn-large', 'remove'); // Remove Class
$selectpicker.selectpicker('refresh');
$selectpicker.selectpicker('toggle');
$selectpicker.selectpicker('hide');
$selectpicker.selectpicker('show');
$selectpicker.selectpicker('destroy');
// @ts-expect-error
$selectpicker.selectpicker('destroy', 'aa');
/**
* Events
*/
// $ExpectType JQuery<HTMLDivElement>
$selectpicker
.on('show.bs.select', event => {
event; // $ExpectType Event
})
.on('shown.bs.select', event => {
event; // $ExpectType Event
})
.on('hide.bs.select', event => {
event; // $ExpectType Event
})
.on('hidden.bs.select', event => {
event; // $ExpectType Event
})
.on('loaded.bs.select', event => {
event; // $ExpectType Event
})
.on('rendered.bs.select', event => {
event; // $ExpectType Event
})
.on('refreshed.bs.select', event => {
event; // $ExpectType Event
})
.on('changed.bs.select', (event, clickedIndex, isSelected, previousValue) => {
event; // $ExpectType Event
clickedIndex; // $ExpectType number | null
isSelected; // $ExpectType boolean | null
previousValue; // $ExpectType string
});
$.fn.selectpicker.Constructor.BootstrapVersion = '4';
$.fn.selectpicker.Constructor.DEFAULTS.actionsBox; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.allowClear; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.chunkSize; // $ExpectType number
$.fn.selectpicker.Constructor.DEFAULTS.container; // $ExpectType string | false
$.fn.selectpicker.Constructor.DEFAULTS.countSelectedText; // $ExpectType string | ((numSelected: number, numTotal: number) => string)
$.fn.selectpicker.Constructor.DEFAULTS.deselectAllText; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.display; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.doneButton; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.doneButtonText; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.dropdownAlignRight; // $ExpectType boolean | "auto"
$.fn.selectpicker.Constructor.DEFAULTS.dropupAuto; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.header; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.hideDisabled; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.iconBase; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.liveSearch; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.liveSearchNormalize; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.liveSearchPlaceholder; // $ExpectType string | null
$.fn.selectpicker.Constructor.DEFAULTS.liveSearchStyle; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.maxOptions; // $ExpectType number | false
$.fn.selectpicker.Constructor.DEFAULTS.maxOptionsText; // $ExpectType string | any[] | ((numAll: number, numGroup: number) => [string, string])
$.fn.selectpicker.Constructor.DEFAULTS.mobile; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.multipleSeparator; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.noneResultsText; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.noneSelectedText; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.placeholder; // $ExpectType null
$.fn.selectpicker.Constructor.DEFAULTS.sanitize; // $ExpectType boolean
// tslint:disable-next-line
$.fn.selectpicker.Constructor.DEFAULTS.sanitizeFn; // $ExpectType ((unsafeElements: (HTMLElement | Node | ChildNode)[]) => void) | null || ((unsafeElements: (Node | ChildNode | HTMLElement)[]) => void) | null
$.fn.selectpicker.Constructor.DEFAULTS.selectAllText; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.selectedTextFormat; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.selectOnTab; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.showContent; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.showIcon; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.showSubtext; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.showTick; // $ExpectType boolean
$.fn.selectpicker.Constructor.DEFAULTS.size; // $ExpectType number | false | "auto"
$.fn.selectpicker.Constructor.DEFAULTS.source; // $ExpectType object
$.fn.selectpicker.Constructor.DEFAULTS.style; // $ExpectType string | null
$.fn.selectpicker.Constructor.DEFAULTS.styleBase; // $ExpectType string | null
$.fn.selectpicker.Constructor.DEFAULTS.template; // $ExpectType object
$.fn.selectpicker.Constructor.DEFAULTS.tickIcon; // $ExpectType string
$.fn.selectpicker.Constructor.DEFAULTS.title; // $ExpectType string | null
$.fn.selectpicker.Constructor.DEFAULTS.virtualScroll; // $ExpectType number | boolean
$.fn.selectpicker.Constructor.DEFAULTS.whiteList; // $ExpectType Record<string, string[]>
$.fn.selectpicker.Constructor.DEFAULTS.width; // $ExpectType string | false
$.fn.selectpicker.Constructor.DEFAULTS.windowPadding; // $ExpectType number | [number, number, number, number]