diff options
author | Michał Gołębiowski-Owczarek <m.goleb@gmail.com> | 2022-07-14 20:52:02 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-14 20:52:02 +0200 |
commit | 8cc5bae1caa1fcf96bf5862c5646c787020ba3f9 (patch) | |
tree | cc2db46ecf233161eaeebae0a6f8ebf82da53075 /tests | |
parent | b53e7beb6884a8de7710146112bc48aecd8737b4 (diff) | |
download | jquery-ui-8cc5bae1caa1fcf96bf5862c5646c787020ba3f9.tar.gz jquery-ui-8cc5bae1caa1fcf96bf5862c5646c787020ba3f9.zip |
Checkboxradio: Don't re-evaluate text labels as HTML
If you generate a Checkboxradio from a checkbox/radio with a label that
contains encoded HTML, e.g. `<em>test</em>` this will work fine
at first. If, however a refresh is triggered on that instance (explicitly or
e.g. by turning it into a `Controlgroup`), the previously escaped HTML will
now be evaluated.
If the label was created based on some user input, this could lead to
unexpected code execution even though the initial output was escaped.
Fixes gh-2101
Closes gh-2102
Diffstat (limited to 'tests')
-rw-r--r-- | tests/unit/checkboxradio/checkboxradio.html | 12 | ||||
-rw-r--r-- | tests/unit/checkboxradio/core.js | 37 | ||||
-rw-r--r-- | tests/unit/checkboxradio/methods.js | 38 |
3 files changed, 87 insertions, 0 deletions
diff --git a/tests/unit/checkboxradio/checkboxradio.html b/tests/unit/checkboxradio/checkboxradio.html index 9883e0834..62552fefc 100644 --- a/tests/unit/checkboxradio/checkboxradio.html +++ b/tests/unit/checkboxradio/checkboxradio.html @@ -64,6 +64,18 @@ <label> <input type="checkbox" id="label-with-no-for"/> </label> +<label> + <input type="checkbox" id="label-with-no-for-with-html"/> + <strong>Hi</strong>, <em>I'm a label</em> +</label> +<label> + <input type="checkbox" id="label-with-no-for-with-text"/> + Hi, I'm a label +</label> +<label> + <input type="checkbox" id="label-with-no-for-with-html-like-text"/> + <em>Hi, I'm a label</em> +</label> <form id="form3"></form> <input type="radio" name="crazy-form" id="crazy-form-1" form="form3" checked="checked"> diff --git a/tests/unit/checkboxradio/core.js b/tests/unit/checkboxradio/core.js index 8b0e1de8e..ad27f1be0 100644 --- a/tests/unit/checkboxradio/core.js +++ b/tests/unit/checkboxradio/core.js @@ -131,4 +131,41 @@ QUnit.test( "Calling checkboxradio on an input with no label throws an error", f ); } ); +QUnit.test( "Inheriting label from initial HTML", function( assert ) { + var tests = [ + { + id: "label-with-no-for-with-html", + expectedLabel: "<strong>Hi</strong>, <em>I'm a label</em>" + }, + { + id: "label-with-no-for-with-text", + expectedLabel: "Hi, I'm a label" + }, + { + id: "label-with-no-for-with-html-like-text", + expectedLabel: "<em>Hi, I'm a label</em>" + } + ]; + + assert.expect( tests.length ); + + tests.forEach( function( testData ) { + var id = testData.id; + var expectedLabel = testData.expectedLabel; + var inputElem = $( "#" + id ); + var labelElem = inputElem.parent(); + + inputElem.checkboxradio( { icon: false } ); + + var labelWithoutInput = labelElem.clone(); + labelWithoutInput.find( "input" ).remove(); + + assert.strictEqual( + labelWithoutInput.html().trim(), + expectedLabel.trim(), + "Label correct [" + id + "]" + ); + } ); +} ); + } ); diff --git a/tests/unit/checkboxradio/methods.js b/tests/unit/checkboxradio/methods.js index 09510ec71..f6c94f94f 100644 --- a/tests/unit/checkboxradio/methods.js +++ b/tests/unit/checkboxradio/methods.js @@ -96,4 +96,42 @@ QUnit.test( "Input wrapped in a label preserved on refresh", function( assert ) assert.strictEqual( input.parent()[ 0 ], element[ 0 ], "Input preserved" ); } ); +QUnit.test( "Initial text label not turned to HTML on refresh", function( assert ) { + var tests = [ + { + id: "label-with-no-for-with-html", + expectedLabel: "<strong>Hi</strong>, <em>I'm a label</em>" + }, + { + id: "label-with-no-for-with-text", + expectedLabel: "Hi, I'm a label" + }, + { + id: "label-with-no-for-with-html-like-text", + expectedLabel: "<em>Hi, I'm a label</em>" + } + ]; + + assert.expect( tests.length ); + + tests.forEach( function( testData ) { + var id = testData.id; + var expectedLabel = testData.expectedLabel; + var inputElem = $( "#" + id ); + var labelElem = inputElem.parent(); + + inputElem.checkboxradio( { icon: false } ); + inputElem.checkboxradio( "refresh" ); + + var labelWithoutInput = labelElem.clone(); + labelWithoutInput.find( "input" ).remove(); + + assert.strictEqual( + labelWithoutInput.html().trim(), + expectedLabel.trim(), + "Label correct [" + id + "]" + ); + } ); +} ); + } ); |