const docsifyInit = require('../helpers/docsify-init');

const { test, expect } = require('./fixtures/docsify-init-fixture');

// Suite

// -----------------------------------------------------------------------------

test.describe('Sidebar Tests', () => {

// Tests

// ---------------------------------------------------------------------------

test('Active Test', async ({ page }) => {

const docsifyInitConfig = {

markdown: {

sidebar: `

- [Test Space](test%20space)

- [Test _](test_foo)

- [Test -](test-foo)

- [Test .](test.foo)

- [Test >](test>foo)

- [Test](test)

`,

},

routes: {

'/test space.md': `

# Test Space

`,

'/test_foo.md': `

# Test _

`,

'/test-foo.md': `

# Test -

`,

'/test.foo.md': `

# Test .

`,

'/test>foo.md': `

# Test >

`,

'/test.md': `

# Test page

`,

},

};

const activeLinkElm = page.locator('.sidebar-nav li[class=active]');

await docsifyInit(docsifyInitConfig);

await page.click('a[href="#/test%20space"]');

await expect(activeLinkElm).toHaveText('Test Space');

expect(page.url()).toMatch(/\/test%20space$/);

await page.click('a[href="#/test_foo"]');

await expect(activeLinkElm).toHaveText('Test _');

expect(page.url()).toMatch(/\/test_foo$/);

await page.click('a[href="#/test-foo"]');

await expect(activeLinkElm).toHaveText('Test -');

expect(page.url()).toMatch(/\/test-foo$/);

await page.click('a[href="#/test.foo"]');

expect(page.url()).toMatch(/\/test.foo$/);

await expect(activeLinkElm).toHaveText('Test .');

await page.click('a[href="#/test>foo"]');

await expect(activeLinkElm).toHaveText('Test >');

expect(page.url()).toMatch(/\/test%3Efoo$/);

await page.click('a[href="#/test"]');

await expect(activeLinkElm).toHaveText('Test');

expect(page.url()).toMatch(/\/test$/);

});

});