Work in Progress

thejohnhoffer · thejohnhoffer · commit 4bb770d8eb2b · 2021-12-17T17:53:53.000-05:00
diff --git a/packages/use-hash-history/__debug__/TestSequences/PushRelativePathnameWarning.js b/packages/use-hash-history/__debug__/TestSequences/PushRelativePathnameWarning.js
@@ -0,0 +1,43 @@
+import * as assert from 'uvu/assert';
+import {expect} from 'chai';
+
+export default (history, done) => {
+  let steps = [
+    ({ location }) => {
+      debugger;
+      expect(location).to.include({
+        pathname: '/'
+      });
+
+      history.push('/the/path?the=query#the-hash');
+    },
+    ({ action, location }) => {
+      assert.is(action, 'PUSH');
+      expect(location).to.include({
+        pathname: '/the/path?the=query#the-hash',
+        search: '',
+        hash: ''
+      });
+
+      debugger
+      /*
+      let { spy, destroy } = spyOn(console, 'warn');
+
+      history.push('../other/path?another=query#another-hash');
+
+      expect(spy).not.toHaveBeenCalled();
+
+      destroy();
+      */
+    },
+    ({ location }) => {
+      expect(location).to.include({
+        pathname: '../other/path?another=query#another-hash',
+        search: '',
+        hash: ''
+      });
+    }
+  ];
+
+  execSteps(steps, history, done);
+};
diff --git a/packages/use-hash-history/__debug__/index.js b/packages/use-hash-history/__debug__/index.js
@@ -0,0 +1,24 @@
+import { suite } from "uvu";
+import * as chai from 'chai';
+import * as ENV from "./setup/env.js";
+import { useHashHistory } from "../index.ts";
+
+import PushRelativePathnameWarning from './TestSequences/PushRelativePathnameWarning.js';
+
+const TestUseHistory = suite("test history hook");
+
+TestUseHistory.before.each(ENV.reset);
+
+TestUseHistory("Runs", async () => {
+  debugger
+	const history = useHashHistory({hashRoot:"/"})
+  chai.expect(() => {
+    PushRelativePathnameWarning(history, (e) => {
+      if (e) {
+        throw(e)
+      }
+    })
+  }).to.not.throw()
+});
+
+TestUseHistory.run();
diff --git a/packages/use-hash-history/__debug__/setup/env.js b/packages/use-hash-history/__debug__/setup/env.js
@@ -0,0 +1,95 @@
+import { parsePath, createMemoryHistory } from "history";
+import { parseHTML } from "linkedom";
+
+const MAIN = "main";
+const POP = "popstate";
+const BODY = `<body><${MAIN}></${MAIN}></body>`;
+
+const parseToHash = (url) => {
+  const path = parsePath(url);
+  return path;
+};
+
+const proxyGet = (object, key, handler) => {
+  return new Proxy(object, {
+    get(target, prop, _) {
+      if (prop !== key) {
+        return Reflect.get(target, prop, _);
+      }
+      return handler(target);
+    },
+  });
+};
+
+const proxyApplyUrl = (fn) => {
+  return new Proxy(fn, {
+    apply(fnTarget, _this, [state, _title, url]) {
+      return fnTarget(parseToHash(url), state);
+    },
+  });
+};
+
+const makeGlobalDocument = () => {
+  const history = createMemoryHistory();
+  const defaultView = parseHTML(BODY);
+  const { document } = defaultView;
+  const popEvent = document.createEvent("CustomEvent");
+  popEvent.initCustomEvent(POP, false, false, null);
+  history.listen(() => document.dispatchEvent(popEvent));
+  return proxyGet(document, "defaultView", (target) => {
+    const win = proxyGet(target.defaultView, "history", () => {
+      return new Proxy(history, {
+        get(targetHistory, prop, _) {
+          switch (prop) {
+            case "pushState":
+              return proxyApplyUrl(targetHistory.push);
+            case "replaceState":
+              return proxyApplyUrl(targetHistory.replace);
+            default:
+              return Reflect.get(targetHistory, prop, _);
+          }
+        },
+      });
+    });
+    return proxyGet(win, "location", (_) => history.location);
+  });
+};
+
+class ExecSteps {
+  
+  constructor ({listen, location}) {
+    this.listen = listen
+    this.ctx = {
+      location 
+    }
+  }
+  steps (steps, history, done) {
+    steps.reduce(async (context, step) => {
+      this.ctx = await context;
+      return await new Promise((resolve) => {
+        this.listen((result) => {
+          resolve({
+            ...this.ctx, ...result
+          });
+        });
+        step(this.ctx)
+      });
+    }, this.ctx).then((result) => {
+      done(result)
+    }).catch((e) => {
+      done(e)
+    });
+  }
+}
+
+export function reset() {
+  const newGlobal = {
+    document: makeGlobalDocument()
+  };
+  global.document = newGlobal.document;
+  const window = document.defaultView;
+  const {listen, location} = window.history;
+
+  const exec = new ExecSteps({listen, location})
+  global.execSteps = exec.steps.bind(exec)
+}
diff --git a/packages/use-hash-history/__tests__/TestSequences/PushMissingPathname.js b/packages/use-hash-history/__tests__/TestSequences/PushMissingPathname.js
@@ -1,4 +1,3 @@
-import expect from 'expect';
 
 import { execSteps } from './utils.js';
 
@@ -14,7 +13,7 @@ export default (history, done) => {
     ({ action, location }) => {
       expect(action).toBe('PUSH');
       expect(location).toMatchObject({
-        pathname: 'home?the=query#the-hash',
+        pathname: '/home?the=query#the-hash',
         search: '',
         hash: ''
       });
@@ -24,7 +23,7 @@ export default (history, done) => {
     ({ action, location }) => {
       expect(action).toBe('PUSH');
       expect(location).toMatchObject({
-        pathname: 'home?another=query#another-hash',
+        pathname: '/?another=query#another-hash',
         search: '',
         hash: ''
       });
diff --git a/packages/use-hash-history/__tests__/TestSequences/PushRelativePathnameWarning.js b/packages/use-hash-history/__tests__/TestSequences/PushRelativePathnameWarning.js
@@ -21,11 +21,10 @@ export default (history, done) => {
 
       let { spy, destroy } = spyOn(console, 'warn');
 
+      debugger
       history.push('../other/path?another=query#another-hash');
 
-      expect(spy).not.toHaveBeenCalledWith(
-        expect.stringContaining('relative pathnames are not supported')
-      );
+      expect(spy).not.toHaveBeenCalled();
 
       destroy();
     },
diff --git a/packages/use-hash-history/package.json b/packages/use-hash-history/package.json
@@ -5,10 +5,16 @@
   "license": "MIT",
   "author": "John T. Hoffer",
   "repository": "github:thejohnhoffer/use-hash-history",
-  "contributors": [{
-    "name": "React Training",
-    "email": "hello@reacttraining.com"
-  }],
+  "contributors": [
+    {
+      "name": "React Training",
+      "email": "hello@reacttraining.com"
+    }
+  ],
+  "scripts": {
+    "debug": "node --inspect-brk node_modules/uvu/bin.js -r tsm -r esm __debug__"
+  },
+  "type": "module",
   "main": "main.js",
   "module": "index.js",
   "types": "index.d.ts",
@@ -23,5 +29,13 @@
   ],
   "peerDependencies": {
     "history": "5.x"
+  },
+  "devDependencies": {
+    "chai": "^4.3.4",
+    "esm": "^3.2.25",
+    "history": "^5.1.0",
+    "linkedom": "^0.13.0",
+    "tsm": "^2.2.1",
+    "uvu": "^0.5.2"
   }
 }
diff --git a/packages/use-hash-history/pnpm-lock.yaml b/packages/use-hash-history/pnpm-lock.yaml
