aboutsummaryrefslogtreecommitdiffstats
path: root/test
diff options
context:
space:
mode:
Diffstat (limited to 'test')
-rw-r--r--test/jqLiteSpec.js66
-rw-r--r--test/testabilityPatch.js6
2 files changed, 71 insertions, 1 deletions
diff --git a/test/jqLiteSpec.js b/test/jqLiteSpec.js
index c920a250..8dd66d36 100644
--- a/test/jqLiteSpec.js
+++ b/test/jqLiteSpec.js
@@ -507,4 +507,70 @@ describe('jqLite', function(){
expect(innerDiv.html()).toEqual('text');
});
});
+
+
+ describe('hide', function() {
+ var element;
+
+ afterEach(function() {
+ if (element) dealoc(element);
+ });
+
+ it('should hide the element', function() {
+ element = jqLite('<div></div>');
+ expect(isCssVisible(element)).toBe(true);
+ element.hide();
+ expect(isCssVisible(element)).toBe(false);
+ });
+ });
+
+
+ describe('show', function() {
+ var element;
+
+ afterEach(function() {
+ if (element) dealoc(element);
+ element.remove();
+ });
+
+
+ it('should show the element ', function() {
+ element = jqLite('<div></div>');
+ element[0].style.display = 'none';
+ expect(isCssVisible(element)).toBe(false);
+ element.show();
+ expect(isCssVisible(element)).toBe(true);
+ });
+
+
+ it('should show previously hidden element and preserve the display value', function() {
+ element = jqLite('<div style="display:inline">xx</div>');
+ jqLite(document.body).append(element);
+ element.hide();
+ expect(isCssVisible(element)).toBe(false);
+ element.show();
+ expect(element[0].style.display).toBe('inline');
+ expect(isCssVisible(element)).toBe(true);
+
+ element[0].style.display = 'block';
+ element.hide();
+ expect(isCssVisible(element)).toBe(false);
+ element.show();
+ expect(isCssVisible(element)).toBe(true);
+
+ // this totally doesn't make sense, it should be 'block', but jquery (1.4.2+1.6.2) behaves
+ // this way.
+ expect(element[0].style.display).toBe('inline');
+ });
+ });
+
+
+ describe('eq', function() {
+ it('should select the nth element ', function() {
+ var element = jqLite('<div><span>aa</span></div><div><span>bb</span></div>');
+ expect(element.find('span').eq(0).html()).toBe('aa');
+ expect(element.find('span').eq(-1).html()).toBe('bb');
+ expect(element.find('span').eq(20).length).toBe(0);;
+ });
+ });
});
diff --git a/test/testabilityPatch.js b/test/testabilityPatch.js
index 0b22b2ae..34e1710b 100644
--- a/test/testabilityPatch.js
+++ b/test/testabilityPatch.js
@@ -274,9 +274,13 @@ function sortedHtml(element, showNgClass) {
return html;
}
+
+/**
+ * This method is a cheap way of testing if css for a given node is not set to 'none'. It doesn't
+ * actually test if an element is displayed by the browser. Be aware!!!
+ */
function isCssVisible(node) {
var display = node.css('display');
- if (display == 'block') display = "";
return display != 'none';
}