opensource/lexical
1
0
Fork 0
mirror of https://github.com/facebook/lexical.git synced 2025-08-24 09:11:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

[lexical-playground] Chore: Refactor autolink tests for reliability (#7482)

Browse Source
This commit is contained in:
Bob Ippolito
2025-04-18 01:03:05 -07:00
committed by GitHub
parent 9a1b7c7693
commit f0092b4d52
1 changed files with 48 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
packages/lexical-playground/__tests__/e2e/AutoLinks.spec.mjs
View File

@ -26,7 +26,7 @@ import {
test,
} from '../utils/index.mjs';
test.describe('Auto Links', () => {
test.describe.parallel('Auto Links', () => {
test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
test('Can convert url-like text into links', async ({page, isPlainText}) => {
@ -488,8 +488,8 @@ test.describe('Auto Links', () => {
);
});
test('Can convert URLs into links', async ({page, isPlainText}) => {
const testUrls = [
test.describe('Can convert URL into an autolink', () => {
[
// Basic URLs
'http://example.com', // Standard HTTP URL
'https://example.com', // Standard HTTPS URL
@ -538,41 +538,34 @@ test.describe('Auto Links', () => {
// Edge Cases
'http://foo.bar', // Minimal URL with uncommon TLD
'https://foo.bar', // HTTPS minimal URL with uncommon TLD
];
].forEach((testUrl) =>
test(testUrl, async ({page, isPlainText}) => {
test.skip(isPlainText);
await focusEditor(page);
await page.keyboard.type(`${testUrl} ltr`);
test.skip(isPlainText);
await focusEditor(page);
await page.keyboard.type(testUrls.join(' ') + ' ');
const rawUrl = testUrl.replaceAll(/&/g, '&');
const url = rawUrl.startsWith('http') ? rawUrl : `https://${rawUrl}`;
let expectedHTML = '';
for (let url of testUrls) {
url = url.replaceAll(/&/g, '&');
const rawUrl = url;
if (!url.startsWith('http')) {
url = `https://${url}`;
}
expectedHTML += `
<a href="${url}" dir="ltr">
<span data-lexical-text="true">${rawUrl}</span>
</a>
<span data-lexical-text="true"></span>
`;
}
await assertHTML(
page,
html`
<p dir="ltr">${expectedHTML}</p>
`,
undefined,
{ignoreClasses: true},
await assertHTML(
page,
html`
<p dir="ltr">
<a dir="ltr" href="${url}">
<span data-lexical-text="true">${rawUrl}</span>
</a>
<span data-lexical-text="true">ltr</span>
</p>
`,
undefined,
{ignoreClasses: true},
);
}),
);
});
test('Can convert URLs into email links', async ({page, isPlainText}) => {
const testUrls = [
test.describe('Can convert URL into an email autolink', () => {
[
// Email usecases
'email@domain.com',
'firstname.lastname@domain.com',
@ -586,29 +579,28 @@ test.describe('Auto Links', () => {
'email@domain.name',
'email@domain.co.uk',
'firstname-lastname@domain.com',
];
test.skip(isPlainText);
await focusEditor(page);
await page.keyboard.type(testUrls.join(' ') + ' ');
let expectedHTML = '';
for (const url of testUrls) {
expectedHTML += `
<a href='mailto:${url}' dir="ltr">
<span data-lexical-text="true">${url}</span>
</a>
<span data-lexical-text="true"></span>
`;
}
await assertHTML(
page,
html`
<p dir="ltr">${expectedHTML}</p>
`,
undefined,
{ignoreClasses: true},
].forEach((testUrl) =>
test(testUrl, async ({page, isPlainText}) => {
test.skip(isPlainText);
await focusEditor(page);
await page.keyboard.type(`${testUrl} ltr`);
const url = testUrl;
// prevent linter from rewriting this to use double quotes
const href = `href='mailto:${url}'`;
await assertHTML(
page,
html`
<p dir="ltr">
<a dir="ltr" ${href}>
<span data-lexical-text="true">${url}</span>
</a>
<span data-lexical-text="true">ltr</span>
</p>
`,
undefined,
{ignoreClasses: true},
);
}),
);
});