QUnit.test('should return jquery collection containing the element', function (assert) {
assert.expect(2)
- var $el = $('<div/>')
+ var $el = $('<div/>').appendTo('#qunit-fixture')
var $affix = $el.bootstrapAffix()
assert.ok($affix instanceof $, 'returns jquery collection')
assert.strictEqual($affix[0], $el[0], 'collection contains element')
}, 250)
}, 250)
})
-
- QUnit.test('should raise exception to avoid xss on target', function (assert) {
- assert.expect(1)
- assert.throws(function () {
-
- var templateHTML = '<div id="affixTarget"></div>'
- $(templateHTML).appendTo(document.body)
-
- $('#affixTarget').bootstrapAffix({
- target: '<img src=1 onerror=\'alert(0)\'>'
- })
-
- }, new Error('Syntax error, unrecognized expression: <img src=1 onerror=\'alert(0)\'>'))
- })
-
})
})
.bootstrapCollapse('show')
})
-
- QUnit.test('should raise exception to avoid xss on data-parent', function (assert) {
- assert.expect(1)
- assert.throws(function () {
- $('<a role="button" data-toggle="collapse" data-parent="<img src=1 onerror=\'alert(0)\'>" href="#collapseThree">')
- .appendTo('#qunit-fixture')
- .bootstrapCollapse('show')
- .trigger('click');
- }, new Error('Syntax error, unrecognized expression: <img src=1 onerror=\'alert(0)\'>'))
- })
-
})
}
})
})
-
- QUnit.test('should raise exception to avoid xss on data-container', function (assert) {
- assert.expect(1)
- assert.throws(function () {
- $('<button data-toggle="tooltip" data-container="<img src=1 onerror=\'alert(0)\'>" title="Tooltip on right">Tooltip on right</button>')
- .appendTo('#qunit-fixture')
- .bootstrapTooltip('show')
- }, new Error('Syntax error, unrecognized expression: <img src=1 onerror=\'alert(0)\'>'))
- })
-
- QUnit.test('should raise exception to avoid xss on data-viewport', function (assert) {
- assert.expect(1)
- assert.throws(function () {
- $('<button data-toggle="tooltip" data-viewport="<img src=1 onerror=\'alert(0)\'>" title="Tooltip on right">Tooltip on right</button>')
- .appendTo('#qunit-fixture')
- .bootstrapTooltip('show')
- }, new Error('Syntax error, unrecognized expression: <img src=1 onerror=\'alert(0)\'>'))
- })
-
})
<div class="page-header js-page-header">
<h1>Affix <small>Bootstrap Visual Test</small></h1>
+
+ <div id="affixTarget">Affix target with XSS</div>
</div>
<div class="col-md-3">
<!-- JavaScript Test -->
<script>
$(function () {
+ try {
+ $('#affixTarget').bootstrapAffix({
+ target: '<img src=1 onerror=\'alert(0)\'>'
+ })
+ } catch (e) {
+ console.error(e)
+ }
+
$('.js-affixed-element-top').affix({
offset: {
top: $('.js-page-header').outerHeight(true) - 10
<button class="btn" data-toggle="collapse" data-target="<img src=x onerror=alert(0)>">
Collapse with an XSS
</button>
+
+ <button class="btn" data-toggle="collapse" data-parent="<img src=1 onerror=\'alert(0)\'>" href="#collapseThree">
+ Collapse with an XSS in data-parent
+ </button>
</div>
<!-- JavaScript Includes -->
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-container="<img src=1 onerror=\'alert(0)\'>" title="Tooltip on right">Tooltip with XSS on data-container</button>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-viewport="<img src=1 onerror=\'alert(0)\'>" title="Tooltip on right">Tooltip with XSS on data-viewport</button>
</p>
</div>