Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
J
jquery
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
夏彬
jquery
Commits
35951021
Commit
35951021
authored
Jul 12, 2009
by
Yehuda Katz
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Add tests for replaceAll(fn) and wrap(fn) -- mark wrapAll and wrapWithin as TODO
parent
7d7a9600
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
50 additions
and
19 deletions
+50
-19
manipulation.js
src/manipulation.js
+4
-0
manipulation.js
test/unit/manipulation.js
+46
-19
No files found.
src/manipulation.js
View file @
35951021
...
@@ -18,6 +18,10 @@ jQuery.fn.extend({
...
@@ -18,6 +18,10 @@ jQuery.fn.extend({
},
},
wrapAll
:
function
(
html
)
{
wrapAll
:
function
(
html
)
{
if
(
jQuery
.
isFunction
(
html
))
{
return
this
.
each
(
function
()
{
jQuery
(
this
).
wrapAll
(
html
.
call
(
this
));
});
}
if
(
this
[
0
]
)
{
if
(
this
[
0
]
)
{
// The elements to wrap the target around
// The elements to wrap the target around
var
wrap
=
jQuery
(
html
,
this
[
0
].
ownerDocument
).
clone
();
var
wrap
=
jQuery
(
html
,
this
[
0
].
ownerDocument
).
clone
();
...
...
test/unit/manipulation.js
View file @
35951021
...
@@ -9,16 +9,16 @@ test("text()", function() {
...
@@ -9,16 +9,16 @@ test("text()", function() {
equals
(
jQuery
(
'#sap'
).
text
(),
expected
,
'Check for merged text of more then one element.'
);
equals
(
jQuery
(
'#sap'
).
text
(),
expected
,
'Check for merged text of more then one element.'
);
});
});
test
(
"wrap(String|Element)"
,
function
(
)
{
var
testWrap
=
function
(
val
)
{
expect
(
10
);
expect
(
10
);
var
defaultText
=
'Try them out:'
var
defaultText
=
'Try them out:'
var
result
=
jQuery
(
'#first'
).
wrap
(
'<div class="red"><span></span></div>'
).
text
();
var
result
=
jQuery
(
'#first'
).
wrap
(
val
(
'<div class="red"><span></span></div>'
)
).
text
();
equals
(
defaultText
,
result
,
'Check for wrapping of on-the-fly html'
);
equals
(
defaultText
,
result
,
'Check for wrapping of on-the-fly html'
);
ok
(
jQuery
(
'#first'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
ok
(
jQuery
(
'#first'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
reset
();
reset
();
var
defaultText
=
'Try them out:'
var
defaultText
=
'Try them out:'
var
result
=
jQuery
(
'#first'
).
wrap
(
document
.
getElementById
(
'empty'
)).
parent
();
var
result
=
jQuery
(
'#first'
).
wrap
(
val
(
document
.
getElementById
(
'empty'
)
)).
parent
();
ok
(
result
.
is
(
'ol'
),
'Check for element wrapping'
);
ok
(
result
.
is
(
'ol'
),
'Check for element wrapping'
);
equals
(
result
.
text
(),
defaultText
,
'Check for element wrapping'
);
equals
(
result
.
text
(),
defaultText
,
'Check for element wrapping'
);
...
@@ -26,27 +26,36 @@ test("wrap(String|Element)", function() {
...
@@ -26,27 +26,36 @@ test("wrap(String|Element)", function() {
jQuery
(
'#check1'
).
click
(
function
()
{
jQuery
(
'#check1'
).
click
(
function
()
{
var
checkbox
=
this
;
var
checkbox
=
this
;
ok
(
checkbox
.
checked
,
"Checkbox's state is erased after wrap() action, see #769"
);
ok
(
checkbox
.
checked
,
"Checkbox's state is erased after wrap() action, see #769"
);
jQuery
(
checkbox
).
wrap
(
'<div id="c1" style="display:none;"></div>'
);
jQuery
(
checkbox
).
wrap
(
val
(
'<div id="c1" style="display:none;"></div>'
)
);
ok
(
checkbox
.
checked
,
"Checkbox's state is erased after wrap() action, see #769"
);
ok
(
checkbox
.
checked
,
"Checkbox's state is erased after wrap() action, see #769"
);
}).
click
();
}).
click
();
// using contents will get comments regular, text, and comment nodes
// using contents will get comments regular, text, and comment nodes
var
j
=
jQuery
(
"#nonnodes"
).
contents
();
var
j
=
jQuery
(
"#nonnodes"
).
contents
();
j
.
wrap
(
"<i></i>"
);
j
.
wrap
(
val
(
"<i></i>"
)
);
equals
(
jQuery
(
"#nonnodes > i"
).
length
,
3
,
"Check node,textnode,comment wraps ok"
);
equals
(
jQuery
(
"#nonnodes > i"
).
length
,
3
,
"Check node,textnode,comment wraps ok"
);
equals
(
jQuery
(
"#nonnodes > i"
).
text
(),
j
.
text
()
+
j
[
1
].
nodeValue
,
"Check node,textnode,comment wraps doesn't hurt text"
);
equals
(
jQuery
(
"#nonnodes > i"
).
text
(),
j
.
text
()
+
j
[
1
].
nodeValue
,
"Check node,textnode,comment wraps doesn't hurt text"
);
// Try wrapping a disconnected node
// Try wrapping a disconnected node
j
=
jQuery
(
"<label/>"
).
wrap
(
"<li/>"
);
j
=
jQuery
(
"<label/>"
).
wrap
(
val
(
"<li/>"
)
);
equals
(
j
[
0
].
nodeName
.
toUpperCase
(),
"LABEL"
,
"Element is a label"
);
equals
(
j
[
0
].
nodeName
.
toUpperCase
(),
"LABEL"
,
"Element is a label"
);
equals
(
j
[
0
].
parentNode
.
nodeName
.
toUpperCase
(),
"LI"
,
"Element has been wrapped"
);
equals
(
j
[
0
].
parentNode
.
nodeName
.
toUpperCase
(),
"LI"
,
"Element has been wrapped"
);
}
test
(
"wrap(String|Element)"
,
function
()
{
testWrap
(
bareObj
);
});
});
test
(
"wrapAll(String|Element)"
,
function
()
{
test
(
"wrap(Function)"
,
function
()
{
testWrap
(
functionReturningObj
);
})
var
testWrapAll
=
function
(
val
)
{
expect
(
8
);
expect
(
8
);
var
prev
=
jQuery
(
"#firstp"
)[
0
].
previousSibling
;
var
prev
=
jQuery
(
"#firstp"
)[
0
].
previousSibling
;
var
p
=
jQuery
(
"#firstp,#first"
)[
0
].
parentNode
;
var
p
=
jQuery
(
"#firstp,#first"
)[
0
].
parentNode
;
var
result
=
jQuery
(
'#firstp,#first'
).
wrapAll
(
'<div class="red"><div id="tmp"></div></div>'
);
var
result
=
jQuery
(
'#firstp,#first'
).
wrapAll
(
val
(
'<div class="red"><div class="tmp"></div></div>'
));
equals
(
result
.
parent
().
length
,
1
,
'Check for wrapping of on-the-fly html'
);
equals
(
result
.
parent
().
length
,
1
,
'Check for wrapping of on-the-fly html'
);
ok
(
jQuery
(
'#first'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
ok
(
jQuery
(
'#first'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
ok
(
jQuery
(
'#firstp'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
ok
(
jQuery
(
'#firstp'
).
parent
().
parent
().
is
(
'.red'
),
'Check if wrapper has class "red"'
);
...
@@ -56,12 +65,21 @@ test("wrapAll(String|Element)", function() {
...
@@ -56,12 +65,21 @@ test("wrapAll(String|Element)", function() {
reset
();
reset
();
var
prev
=
jQuery
(
"#firstp"
)[
0
].
previousSibling
;
var
prev
=
jQuery
(
"#firstp"
)[
0
].
previousSibling
;
var
p
=
jQuery
(
"#first"
)[
0
].
parentNode
;
var
p
=
jQuery
(
"#first"
)[
0
].
parentNode
;
var
result
=
jQuery
(
'#firstp,#first'
).
wrapAll
(
document
.
getElementById
(
'empty'
));
var
result
=
jQuery
(
'#firstp,#first'
).
wrapAll
(
val
(
document
.
getElementById
(
'empty'
)
));
equals
(
jQuery
(
"#first"
).
parent
()[
0
],
jQuery
(
"#firstp"
).
parent
()[
0
],
"Same Parent"
);
equals
(
jQuery
(
"#first"
).
parent
()[
0
],
jQuery
(
"#firstp"
).
parent
()[
0
],
"Same Parent"
);
equals
(
jQuery
(
"#first"
).
parent
()[
0
].
previousSibling
,
prev
,
"Correct Previous Sibling"
);
equals
(
jQuery
(
"#first"
).
parent
()[
0
].
previousSibling
,
prev
,
"Correct Previous Sibling"
);
equals
(
jQuery
(
"#first"
).
parent
()[
0
].
parentNode
,
p
,
"Correct Parent"
);
equals
(
jQuery
(
"#first"
).
parent
()[
0
].
parentNode
,
p
,
"Correct Parent"
);
}
test
(
"wrapAll(String|Element)"
,
function
()
{
testWrapAll
(
bareObj
);
});
});
// TODO: Figure out why each(wrapAll) is not equivalent to wrapAll
// test("wrapAll(Function)", function() {
// testWrapAll(functionReturningObj);
// })
var
testWrapInner
=
function
(
val
)
{
var
testWrapInner
=
function
(
val
)
{
expect
(
6
);
expect
(
6
);
var
num
=
jQuery
(
"#first"
).
children
().
length
;
var
num
=
jQuery
(
"#first"
).
children
().
length
;
...
@@ -82,9 +100,10 @@ test("wrapInner(String|Element)", function() {
...
@@ -82,9 +100,10 @@ test("wrapInner(String|Element)", function() {
testWrapInner
(
bareObj
);
testWrapInner
(
bareObj
);
});
});
/* test("wrapInner(Function)", function() {
// TODO: wrapInner uses wrapAll -- get wrapAll working with Function
testWrapInner(functionReturningObj)
// test("wrapInner(Function)", function() {
}) */
// testWrapInner(functionReturningObj)
// })
var
testAppend
=
function
(
valueObj
)
{
var
testAppend
=
function
(
valueObj
)
{
expect
(
21
);
expect
(
21
);
...
@@ -393,30 +412,38 @@ test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
...
@@ -393,30 +412,38 @@ test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
equals
(
expected
,
jQuery
(
'#en'
).
text
(),
"Insert jQuery after"
);
equals
(
expected
,
jQuery
(
'#en'
).
text
(),
"Insert jQuery after"
);
});
});
test
(
"replaceWith(String|Element|Array<Element>|jQuery)"
,
function
(
)
{
var
testReplaceWith
=
function
(
val
)
{
expect
(
10
);
expect
(
10
);
jQuery
(
'#yahoo'
).
replaceWith
(
'<b id="replace">buga</b>'
);
jQuery
(
'#yahoo'
).
replaceWith
(
val
(
'<b id="replace">buga</b>'
)
);
ok
(
jQuery
(
"#replace"
)[
0
],
'Replace element with string'
);
ok
(
jQuery
(
"#replace"
)[
0
],
'Replace element with string'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after string'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after string'
);
reset
();
reset
();
jQuery
(
'#yahoo'
).
replaceWith
(
document
.
getElementById
(
'first'
));
jQuery
(
'#yahoo'
).
replaceWith
(
val
(
document
.
getElementById
(
'first'
)
));
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with element'
);
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with element'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after element'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after element'
);
reset
();
reset
();
jQuery
(
'#yahoo'
).
replaceWith
(
[
document
.
getElementById
(
'first'
),
document
.
getElementById
(
'mark'
)]
);
jQuery
(
'#yahoo'
).
replaceWith
(
val
(
[
document
.
getElementById
(
'first'
),
document
.
getElementById
(
'mark'
)]
)
);
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with array of elements'
);
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with array of elements'
);
ok
(
jQuery
(
"#mark"
)[
0
],
'Replace element with array of elements'
);
ok
(
jQuery
(
"#mark"
)[
0
],
'Replace element with array of elements'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after array of elements'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after array of elements'
);
reset
();
reset
();
jQuery
(
'#yahoo'
).
replaceWith
(
jQuery
(
"#first, #mark"
));
jQuery
(
'#yahoo'
).
replaceWith
(
val
(
jQuery
(
"#first, #mark"
)
));
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with set of elements'
);
ok
(
jQuery
(
"#first"
)[
0
],
'Replace element with set of elements'
);
ok
(
jQuery
(
"#mark"
)[
0
],
'Replace element with set of elements'
);
ok
(
jQuery
(
"#mark"
)[
0
],
'Replace element with set of elements'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after set of elements'
);
ok
(
!
jQuery
(
"#yahoo"
)[
0
],
'Verify that original element is gone, after set of elements'
);
}
test
(
"replaceWith(String|Element|Array<Element>|jQuery)"
,
function
()
{
testReplaceWith
(
bareObj
);
});
});
test
(
"replaceWith(Function)"
,
function
()
{
testReplaceWith
(
functionReturningObj
);
})
test
(
"replaceAll(String|Element|Array<Element>|jQuery)"
,
function
()
{
test
(
"replaceAll(String|Element|Array<Element>|jQuery)"
,
function
()
{
expect
(
10
);
expect
(
10
);
jQuery
(
'<b id="replace">buga</b>'
).
replaceAll
(
"#yahoo"
);
jQuery
(
'<b id="replace">buga</b>'
).
replaceAll
(
"#yahoo"
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment