9a51e02cd7
We upgraded ESLint to version 9 in the e2e app, which includes several improvements and fixes. This change also involves updating the ESLint configuration files to the new format and ensuring compatibility with the latest ESLint features.
568 lines
14 KiB
TypeScript
568 lines
14 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
import {
|
|
BROWSERS,
|
|
createDoc,
|
|
expectLoginPage,
|
|
keyCloakSignIn,
|
|
verifyDocName,
|
|
} from './utils-common';
|
|
import { createRootSubPage } from './utils-sub-pages';
|
|
|
|
test.describe('Doc Visibility', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/');
|
|
});
|
|
|
|
test('It checks the copy link button', async ({ page, browserName }) => {
|
|
test.skip(
|
|
browserName === 'webkit',
|
|
'navigator.clipboard is not working with webkit and playwright',
|
|
);
|
|
|
|
await createDoc(page, 'My button copy doc', browserName, 1);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
await page.getByRole('button', { name: 'Copy link' }).click();
|
|
|
|
await expect(page.getByText('Link Copied !')).toBeVisible();
|
|
|
|
const handle = await page.evaluateHandle(() =>
|
|
navigator.clipboard.readText(),
|
|
);
|
|
const clipboardContent = await handle.jsonValue();
|
|
|
|
expect(clipboardContent).toMatch(page.url());
|
|
});
|
|
|
|
test('It checks the link role options', async ({ page, browserName }) => {
|
|
await createDoc(page, 'Doc role options', browserName, 1);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
|
|
await expect(selectVisibility.getByText('Private')).toBeVisible();
|
|
|
|
await expect(page.getByLabel('Read only')).toBeHidden();
|
|
await expect(page.getByLabel('Can read and edit')).toBeHidden();
|
|
|
|
await selectVisibility.click();
|
|
await page.getByLabel('Connected').click();
|
|
|
|
await expect(page.getByTestId('doc-access-mode')).toBeVisible();
|
|
|
|
await selectVisibility.click();
|
|
|
|
await page.getByLabel('Public', { exact: true }).click();
|
|
|
|
await expect(page.getByTestId('doc-access-mode')).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('Doc Visibility: Restricted', () => {
|
|
test.use({ storageState: { cookies: [], origins: [] } });
|
|
|
|
test('A doc is not accessible when not authentified.', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(
|
|
page,
|
|
'Restricted no auth',
|
|
browserName,
|
|
1,
|
|
);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
await expectLoginPage(page);
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await expect(
|
|
page.getByText('Log in to access the document.'),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('A doc is not accessible when authentified but not member.', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
test.slow();
|
|
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(page, 'Restricted auth', browserName, 1);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
const otherBrowser = BROWSERS.find((b) => b !== browserName);
|
|
if (!otherBrowser) {
|
|
throw new Error('No alternative browser found');
|
|
}
|
|
|
|
await keyCloakSignIn(page, otherBrowser);
|
|
|
|
await expect(page.getByTestId('header-logo-link')).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await expect(
|
|
page.getByText('Insufficient access rights to view the document.'),
|
|
).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
});
|
|
|
|
test('A doc is accessible when member.', async ({ page, browserName }) => {
|
|
test.slow();
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(page, 'Restricted auth', browserName, 1);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
|
|
const inputSearch = page.getByRole('combobox', {
|
|
name: 'Quick search input',
|
|
});
|
|
|
|
const otherBrowser = BROWSERS.find((b) => b !== browserName);
|
|
if (!otherBrowser) {
|
|
throw new Error('No alternative browser found');
|
|
}
|
|
const username = `user@${otherBrowser}.test`;
|
|
await inputSearch.fill(username);
|
|
await page.getByRole('option', { name: username }).click();
|
|
|
|
// Choose a role
|
|
const container = page.getByTestId('doc-share-add-member-list');
|
|
await container.getByLabel('doc-role-dropdown').click();
|
|
await page.getByLabel('Reader').click();
|
|
|
|
await page.getByRole('button', { name: 'Invite' }).click();
|
|
|
|
await page.locator('.c__modal__backdrop').click({
|
|
position: { x: 0, y: 0 },
|
|
});
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
await keyCloakSignIn(page, otherBrowser);
|
|
|
|
await expect(page.getByTestId('header-logo-link')).toBeVisible();
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
await expect(page.getByLabel('Share button')).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('Doc Visibility: Public', () => {
|
|
test.use({ storageState: { cookies: [], origins: [] } });
|
|
|
|
test('It checks a public doc in read only mode', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(
|
|
page,
|
|
'Public read only',
|
|
browserName,
|
|
1,
|
|
);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
await selectVisibility.click();
|
|
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Public',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.'),
|
|
).toBeVisible();
|
|
|
|
await expect(page.getByTestId('doc-access-mode')).toBeVisible();
|
|
await page.getByTestId('doc-access-mode').click();
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Reading',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.').first(),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'close' }).click();
|
|
|
|
const cardContainer = page.getByLabel(
|
|
'It is the card information about the document.',
|
|
);
|
|
|
|
await expect(cardContainer.getByTestId('public-icon')).toBeVisible();
|
|
|
|
await expect(
|
|
cardContainer.getByText('Public document', { exact: true }),
|
|
).toBeVisible();
|
|
|
|
await expect(page.getByTestId('search-docs-button')).toBeVisible();
|
|
await expect(page.getByTestId('new-doc-button')).toBeVisible();
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
await expectLoginPage(page);
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await expect(page.locator('h2').getByText(docTitle)).toBeVisible();
|
|
await expect(page.getByTestId('search-docs-button')).toBeHidden();
|
|
await expect(page.getByTestId('new-doc-button')).toBeHidden();
|
|
await expect(page.getByRole('button', { name: 'Share' })).toBeVisible();
|
|
const card = page.getByLabel('It is the card information');
|
|
await expect(card).toBeVisible();
|
|
await expect(card.getByText('Reader')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
await expect(
|
|
page.getByText(
|
|
'You can view this document but need additional access to see its members or modify settings.',
|
|
),
|
|
).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Request access' }),
|
|
).toBeHidden();
|
|
});
|
|
|
|
test('It checks a public doc in editable mode', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(page, 'Public editable', browserName, 1);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
await selectVisibility.click();
|
|
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Public',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.'),
|
|
).toBeVisible();
|
|
|
|
await page.getByTestId('doc-access-mode').click();
|
|
await page.getByLabel('Editing').click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.').first(),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'close' }).click();
|
|
|
|
const cardContainer = page.getByLabel(
|
|
'It is the card information about the document.',
|
|
);
|
|
|
|
await expect(cardContainer.getByTestId('public-icon')).toBeVisible();
|
|
|
|
await expect(
|
|
cardContainer.getByText('Public document', { exact: true }),
|
|
).toBeVisible();
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
await expectLoginPage(page);
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
await expect(page.getByRole('button', { name: 'Share' })).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('Doc Visibility: Authenticated', () => {
|
|
test.use({ storageState: { cookies: [], origins: [] } });
|
|
|
|
test('A doc is not accessible when unauthenticated.', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(
|
|
page,
|
|
'Authenticated unauthentified',
|
|
browserName,
|
|
1,
|
|
);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
await selectVisibility.click();
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Connected',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.'),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'close' }).click();
|
|
|
|
const urlDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
await expectLoginPage(page);
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await expect(page.locator('h2').getByText(docTitle)).toBeHidden();
|
|
|
|
await expect(
|
|
page.getByText('Log in to access the document.'),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('It checks a authenticated doc in read only mode', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
test.slow();
|
|
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(
|
|
page,
|
|
'Authenticated read only',
|
|
browserName,
|
|
1,
|
|
);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
await selectVisibility.click();
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Connected',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.'),
|
|
).toBeVisible();
|
|
|
|
await expect(
|
|
page
|
|
.getByLabel('It is the card information about the document.')
|
|
.getByText('Document accessible to any connected person', {
|
|
exact: true,
|
|
}),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'close' }).click();
|
|
|
|
const urlDoc = page.url();
|
|
|
|
const { name: childTitle } = await createRootSubPage(
|
|
page,
|
|
browserName,
|
|
'Authenticated read only - child',
|
|
);
|
|
|
|
const urlChildDoc = page.url();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
const otherBrowser = BROWSERS.find((b) => b !== browserName);
|
|
if (!otherBrowser) {
|
|
throw new Error('No alternative browser found');
|
|
}
|
|
await keyCloakSignIn(page, otherBrowser);
|
|
|
|
await expect(page.getByTestId('header-logo-link')).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await expect(page.locator('h2').getByText(docTitle)).toBeVisible();
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
await page.getByRole('button', { name: 'Copy link' }).click();
|
|
await expect(page.getByText('Link Copied !')).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByText(
|
|
'You can view this document but need additional access to see its members or modify settings.',
|
|
),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Request access' }).click();
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Request access' }),
|
|
).toBeDisabled();
|
|
|
|
await page.goto(urlChildDoc);
|
|
|
|
await expect(page.locator('h2').getByText(childTitle)).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
|
|
await expect(
|
|
page.getByText(
|
|
'As this is a sub-document, please request access to the parent document to enable these features.',
|
|
),
|
|
).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Request access' }),
|
|
).toBeHidden();
|
|
});
|
|
|
|
test('It checks a authenticated doc in editable mode', async ({
|
|
page,
|
|
browserName,
|
|
}) => {
|
|
test.slow();
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
|
|
const [docTitle] = await createDoc(
|
|
page,
|
|
'Authenticated editable',
|
|
browserName,
|
|
1,
|
|
);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
const selectVisibility = page.getByTestId('doc-visibility');
|
|
await selectVisibility.click();
|
|
await page
|
|
.getByRole('menuitem', {
|
|
name: 'Connected',
|
|
})
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.'),
|
|
).toBeVisible();
|
|
|
|
const urlDoc = page.url();
|
|
await page.getByTestId('doc-access-mode').click();
|
|
await page.getByLabel('Editing').click();
|
|
|
|
await expect(
|
|
page.getByText('The document visibility has been updated.').first(),
|
|
).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'close' }).click();
|
|
|
|
await page
|
|
.getByRole('button', {
|
|
name: 'Logout',
|
|
})
|
|
.click();
|
|
|
|
const otherBrowser = BROWSERS.find((b) => b !== browserName);
|
|
if (!otherBrowser) {
|
|
throw new Error('No alternative browser found');
|
|
}
|
|
await keyCloakSignIn(page, otherBrowser);
|
|
|
|
await expect(page.getByTestId('header-logo-link')).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
|
|
await page.goto(urlDoc);
|
|
|
|
await verifyDocName(page, docTitle);
|
|
await page.getByRole('button', { name: 'Share' }).click();
|
|
await page.getByRole('button', { name: 'Copy link' }).click();
|
|
await expect(page.getByText('Link Copied !')).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
});
|
|
});
|