| |
| describe('PageRouter', () => { |
| describe('route', () => { |
| it('should choose the longest match', async () => { |
| const context = new BrowsingContext(); |
| const [Page, PageRouter, ComponentBase] = await context.importScripts( |
| ['instrumentation.js', 'components/base.js', 'pages/page.js', 'pages/page-router.js'], |
| 'Page', 'PageRouter', 'ComponentBase'); |
| |
| let someRenderCount = 0; |
| class SomePage extends Page { |
| constructor() { super('some page'); } |
| render() { someRenderCount++; } |
| routeName() { return 'page'; } |
| }; |
| |
| let anotherRenderCount = 0; |
| class AnotherPage extends Page { |
| constructor() { super('another page'); } |
| render() { anotherRenderCount++; } |
| routeName() { return 'page/another'; } |
| }; |
| |
| const router = new PageRouter; |
| const somePage = new SomePage; |
| const anotherPage = new AnotherPage; |
| router.addPage(somePage); |
| router.addPage(anotherPage); |
| context.global.location.hash = '#/page/another/1'; |
| router.route(); |
| await waitForComponentsToRender(context); |
| expect(someRenderCount).to.be(0); |
| expect(anotherRenderCount).to.be(1); |
| }); |
| }); |
| }); |