Move parents-by to traversing namespace

spec/parentsBy.spec.js → spec/traversing/parents-by.spec.js

@@ -1,21 +1,19 @@
-import { matches, parentsBy } from "../src";
+import { matches, parentsBy } from "../../src";
 
 describe("parentsBy", () => {
   afterEach(clearFixtures);
 
   describe("when selector is given", () => {
     it("returns all parents which matches by selector", () => {
-      useFixture(
-        `
+      useFixture(`
         <div class="outer-wrapper">
           <div class="parent">
             <div class="inner-wrapper">
               <div class="root"></div>
             </div>
           </div>
         </div>
-      `
-      );
+      `);
 
       const subject = document.querySelector(".root");
 
@@ -25,15 +23,13 @@ describe("parentsBy", () => {
     });
 
     it("returns empty array if element hasn't any parent which matches by selector", () => {
-      useFixture(
-        `
+      useFixture(`
         <div class="outer-wrapper">
           <div class="inner-wrapper">
             <div class="root"></div>
           </div>
         </div>
-      `
-      );
+      `);
 
       const subject = document.querySelector(".root");
 
@@ -43,17 +39,15 @@ describe("parentsBy", () => {
 
   describe("when predicate is given", () => {
     it("returns all parents which matches by predicate", () => {
-      useFixture(
-        `
+      useFixture(`
         <div class="outer-wrapper">
           <div class="parent">
             <div class="inner-wrapper">
               <div class="root"></div>
             </div>
           </div>
         </div>
-      `
-      );
+      `);
 
       const subject = document.querySelector(".root");
       const predicate = e => matches(e, ".parent");
@@ -64,15 +58,13 @@ describe("parentsBy", () => {
     });
 
     it("returns empty array if element hasn't any parent which matches by predicate", () => {
-      useFixture(
-        `
+      useFixture(`
         <div class="outer-wrapper">
           <div class="inner-wrapper">
             <div class="root"></div>
           </div>
         </div>
-      `
-      );
+      `);
 
       const subject = document.querySelector(".root");
       const predicate = e => matches(e, ".parent");

src/index.js

@@ -1,6 +1,6 @@
 /* @flow */
 
-import type { Elements, Selector } from "./types";
+import type { Selector } from "./types";
 
 import { html, body } from "./aliases";
 import query from "./queries/query";
@@ -9,6 +9,7 @@ import matches from "./traversing/matches";
 import parent from "./traversing/parent";
 import parentBy from "./traversing/parent-by";
 import parents from "./traversing/parents";
+import parentsBy from "./traversing/parents-by";
 
 /* Types */
 
@@ -99,17 +100,6 @@ function dataset(element: HTMLElement): Dataset {
  * Traverse
  */
 
-function parentsBy(
-  element: Element,
-  condition: Selector | PredicateFn
-): Elements {
-  const predicate = typeof condition === "string"
-    ? e => matches(e, condition)
-    : condition;
-
-  return parents(element).filter(predicate);
-}
-
 type ClosestFn = (element: Element, selector: Selector) => ?Element;
 
 function polyfillClosest(element: Element, selector: Selector): ?Element {

src/traversing/parents-by.js

@@ -0,0 +1,19 @@
+/* @flow */
+
+import type { Elements, Predicate, Selector } from "../types";
+
+import matches from "./matches";
+import parents from "./parents";
+
+function parentsBy(
+  element: Element,
+  condition: Selector | Predicate
+): Elements {
+  const predicate = typeof condition === "string"
+    ? e => matches(e, condition)
+    : condition;
+
+  return parents(element).filter(predicate);
+}
+
+export default parentsBy;