root path gives me the same behavior with *

I am having trouble with the following code : When I type the following url ‘/v1/a/b/c’, I’d like to match the “not found” handler. Instead, I match the root path that I defined at last (‘/’). It’s like I would have defined it that way : ‘/*’.

var router = new Navigo('/v1');

router.on('modify', function () {
    setContent('modify');
})
.on('modify/:name', function (params, query) {
    setContent('name');
})
.on('/', function () {
    setContent('home');
})
router.notFound(function () {
    console.log("not found");
    // called when there is path specified but
    // there is no route matching
});
router.resolve();

[sergiopvilar]

@richardsimko solved by using:

new Navigo(location.protocol + "//" + location.host, false)

[krasimir]

@finppp I added a test case and it seems that I can’t reproduce the bug. Is Navigo operating at the very top folder of your site. I mean is it like under site.com/... or it is somewhere deeper like site.com/web/app/....

Here’s the test which had to reproduce the bug:

describe('and the problem described in issue #56-2', function () {
  it('should fire the notFound handler', function () {
    var router = new Navigo(null, false, '#!');
    var notFoundHandler = sinon.spy();
    var homeHandler = sinon.spy();
    var postsHandler = sinon.spy();

    router
      .notFound(notFoundHandler)
      .on({
        '/': homeHandler,
        '/my-posts': postsHandler
      });

    router.resolve();
    router.resolve('asdf');

    expect(homeHandler).to.be.calledOnce;
    expect(notFoundHandler).to.be.calledOnce;
  });
});