add test for "collectAllElementsDeep"

Author: mariusandra

test/basic.spec.js

@@ -1,4 +1,4 @@
-import { querySelectorAllDeep, querySelectorDeep } from '../src/querySelectorDeep.js';
+import { querySelectorAllDeep, querySelectorDeep, collectAllElementsDeep } from '../src/querySelectorDeep.js';
 import { createTestComponent, createNestedComponent, COMPONENT_NAME, createChildElements } from './createTestComponent.js';
 
 
@@ -33,6 +33,10 @@ describe("Basic Suite", function() {
         expect(querySelectorDeep).toEqual(jasmine.any(Function));
     });
 
+    it("exports collectAllElementsDeep function", function() {
+        expect(collectAllElementsDeep).toEqual(jasmine.any(Function));
+    });
+
     it("querySelectorDeep returns null when not found", function() {
         expect(querySelectorDeep('whatever')).toBeNull();
     });
@@ -324,6 +328,35 @@ describe("Basic Suite", function() {
 
         });
 
+        it('can cache collected elements with collectAllElementsDeep', function() {
+            const root = document.createElement('div');
+            parent.appendChild(root);
+
+            createTestComponent(root, {
+                childClassName: 'inner-content'
+            });
+
+            createTestComponent(parent, {
+                childClassName: 'inner-content'
+            });
+            const collectedElements = collectAllElementsDeep('', root)
+            expect(collectedElements.length).toEqual(4);
+
+            const testComponents = querySelectorAllDeep('.inner-content', root, collectedElements);
+            expect(testComponents.length).toEqual(1);
+
+            // remove element from dom
+            testComponents[0].remove()
+
+            // not found in dom
+            const testComponents2 = querySelectorAllDeep('.inner-content', root);
+            expect(testComponents2.length).toEqual(0);
+
+            // still there with cached collectedElements
+            const testComponents3 = querySelectorAllDeep('.inner-content', root, collectedElements);
+            expect(testComponents3.length).toEqual(1);
+        });
+
         it('can query nodes in an iframe', function(done) {
 
             const innerframe = `<p class='child'>Content</p>`;