- var defaultText = 'Try them out:'
- $('<b>buga</b>').appendTo('#first');
- ok( $("#first").text() == defaultText + 'buga', 'Check if text appending works' );
- ok( $('<option value="appendTest">Append Test</option>').appendTo('#select3').parent().find('option:last-child').attr('value') == 'appendTest', 'Appending html options to select element');
-
- reset();
- var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
- $(document.getElementById('first')).appendTo('#sap');
- ok( expected == $('#sap').text(), "Check for appending of element" );
-
- reset();
- expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- $([document.getElementById('first'), document.getElementById('yahoo')]).appendTo('#sap');
- ok( expected == $('#sap').text(), "Check for appending of array of elements" );
-
- reset();
- expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- $("#first, #yahoo").appendTo('#sap');
- ok( expected == $('#sap').text(), "Check for appending of jQuery object" );
-
- reset();
- $('#select1').appendTo('#foo');
- t( 'Append select', '#foo select', ['select1'] );
-});
-
-test("prepend(String|Element|Array<Element>|jQuery)", function() {
- expect(5);
- var defaultText = 'Try them out:'
- var result = $('#first').prepend('<b>buga</b>');
- ok( result.text() == 'buga' + defaultText, 'Check if text prepending works' );
- ok( $('#select3').prepend('<option value="prependTest">Prepend Test</option>').find('option:first-child').attr('value') == 'prependTest', 'Prepending html options to select element');
-
- reset();
- var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
- $('#sap').prepend(document.getElementById('first'));
- ok( expected == $('#sap').text(), "Check for prepending of element" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- $('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]);
- ok( expected == $('#sap').text(), "Check for prepending of array of elements" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- $('#sap').prepend($("#first, #yahoo"));
- ok( expected == $('#sap').text(), "Check for prepending of jQuery object" );
-});
-
-test("prependTo(String|Element|Array<Element>|jQuery)", function() {
- expect(6);
- var defaultText = 'Try them out:'
- $('<b>buga</b>').prependTo('#first');
- ok( $('#first').text() == 'buga' + defaultText, 'Check if text prepending works' );
- ok( $('<option value="prependTest">Prepend Test</option>').prependTo('#select3').parent().find('option:first-child').attr('value') == 'prependTest', 'Prepending html options to select element');
-
- reset();
- var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
- $(document.getElementById('first')).prependTo('#sap');
- ok( expected == $('#sap').text(), "Check for prepending of element" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- $([document.getElementById('yahoo'), document.getElementById('first')]).prependTo('#sap');
- ok( expected == $('#sap').text(), "Check for prepending of array of elements" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- $("#yahoo, #first").prependTo('#sap');
- ok( expected == $('#sap').text(), "Check for prepending of jQuery object" );
-
- reset();
- $('<select id="prependSelect1"></select>').prependTo('form:last');
- $('<select id="prependSelect2"><option>Test</option></select>').prependTo('form:last');
-
- t( "Prepend Select", "#prependSelect1, #prependSelect2", ["prependSelect1", "prependSelect2"] );
-});
-
-test("before(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: bugaYahoo';
- $('#yahoo').before('<b>buga</b>');
- ok( expected == $('#en').text(), 'Insert String before' );
-
- reset();
- expected = "This is a normal link: Try them out:Yahoo";
- $('#yahoo').before(document.getElementById('first'));
- ok( expected == $('#en').text(), "Insert element before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- $('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]);
- ok( expected == $('#en').text(), "Insert array of elements before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- $('#yahoo').before($("#first, #mark"));
- ok( expected == $('#en').text(), "Insert jQuery before" );
-});
-
-test("insertBefore(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: bugaYahoo';
- $('<b>buga</b>').insertBefore('#yahoo');
- ok( expected == $('#en').text(), 'Insert String before' );
-
- reset();
- expected = "This is a normal link: Try them out:Yahoo";
- $(document.getElementById('first')).insertBefore('#yahoo');
- ok( expected == $('#en').text(), "Insert element before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- $([document.getElementById('first'), document.getElementById('mark')]).insertBefore('#yahoo');
- ok( expected == $('#en').text(), "Insert array of elements before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- $("#first, #mark").insertBefore('#yahoo');
- ok( expected == $('#en').text(), "Insert jQuery before" );
-});
-
-test("after(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: Yahoobuga';
- $('#yahoo').after('<b>buga</b>');
- ok( expected == $('#en').text(), 'Insert String after' );
-
- reset();
- expected = "This is a normal link: YahooTry them out:";
- $('#yahoo').after(document.getElementById('first'));
- ok( expected == $('#en').text(), "Insert element after" );
-
- reset();
- expected = "This is a normal link: YahooTry them out:diveintomark";
- $('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]);
- ok( expected == $('#en').text(), "Insert array of elements after" );
-
- reset();
- expected = "This is a normal link: YahooTry them out:diveintomark";
- $('#yahoo').after($("#first, #mark"));
- ok( expected == $('#en').text(), "Insert jQuery after" );
-});
-
-test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: Yahoobuga';
- $('<b>buga</b>').insertAfter('#yahoo');
- ok( expected == $('#en').text(), 'Insert String after' );
-
- reset();
- expected = "This is a normal link: YahooTry them out:";
- $(document.getElementById('first')).insertAfter('#yahoo');
- ok( expected == $('#en').text(), "Insert element after" );
-
- reset();
- expected = "This is a normal link: YahooTry them out:diveintomark";
- $([document.getElementById('mark'), document.getElementById('first')]).insertAfter('#yahoo');
- ok( expected == $('#en').text(), "Insert array of elements after" );
-
- reset();
- expected = "This is a normal link: YahooTry them out:diveintomark";
- $("#mark, #first").insertAfter('#yahoo');
- ok( expected == $('#en').text(), "Insert jQuery after" );
-});
-
-test("replaceWith(String|Element|Array<Element>|jQuery)", function() {
- expect(10);
- $('#yahoo').replaceWith('<b id="replace">buga</b>');
- ok( $("#replace")[0], 'Replace element with string' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after string' );
-
- reset();
- $('#yahoo').replaceWith(document.getElementById('first'));
- ok( $("#first")[0], 'Replace element with element' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after element' );
-
- reset();
- $('#yahoo').replaceWith([document.getElementById('first'), document.getElementById('mark')]);
- ok( $("#first")[0], 'Replace element with array of elements' );
- ok( $("#mark")[0], 'Replace element with array of elements' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after array of elements' );
-
- reset();
- $('#yahoo').replaceWith($("#first, #mark"));
- ok( $("#first")[0], 'Replace element with set of elements' );
- ok( $("#mark")[0], 'Replace element with set of elements' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after set of elements' );
-});
-
-test("replaceAll(String|Element|Array<Element>|jQuery)", function() {
- expect(10);
- $('<b id="replace">buga</b>').replaceAll("#yahoo");
- ok( $("#replace")[0], 'Replace element with string' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after string' );
-
- reset();
- $(document.getElementById('first')).replaceAll("#yahoo");
- ok( $("#first")[0], 'Replace element with element' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after element' );
-
- reset();
- $([document.getElementById('first'), document.getElementById('mark')]).replaceAll("#yahoo");
- ok( $("#first")[0], 'Replace element with array of elements' );
- ok( $("#mark")[0], 'Replace element with array of elements' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after array of elements' );
-
- reset();
- $("#first, #mark").replaceAll("#yahoo");
- ok( $("#first")[0], 'Replace element with set of elements' );
- ok( $("#mark")[0], 'Replace element with set of elements' );
- ok( !$("#yahoo")[0], 'Verify that original element is gone, after set of elements' );
-});