cabloy 5.1.160 → 5.1.161

package/test-results/markdown-ATP-SPC-02-Produc-9d5c2-link-toolbar-edits-Markdown/error-context.md

@@ -1,211 +0,0 @@
-# Instructions
-
-- Following Playwright test failed.
-- Explain why, be concise, respect Playwright best practices.
-- Provide a snippet of code with the fix, if possible.
-
-# Test info
-
-- Name: markdown.spec.ts >> ATP-SPC-02: Product Content link toolbar edits Markdown
-- Location: repo-e2e/specs/markdown.spec.ts:448:1
-
-# Error details
-
-```
-Error: expect(locator).toBeVisible() failed
-
-Locator: locator('[contenteditable="true"]')
-Expected: visible
-Timeout: 5000ms
-Error: element(s) not found
-
-Call log:
-  - Expect "toBeVisible" with timeout 5000ms
-  - waiting for locator('[contenteditable="true"]')
-
-```
-
-```yaml
-- text: 403 Access denied.
-- button "Go Home"
-```
-
-# Test source
-
-```ts
-  403 |       await expect(insertedTable.locator('td')).toHaveCount(4);
-  404 |       expect(adminPageErrors).toEqual([]);
-  405 |       await tableToolbar.getByRole('button', { name: 'Delete column' }).click();
-  406 |       await expect(insertedTable.locator('th')).toHaveCount(3);
-  407 |       await expect(insertedTable.locator('td')).toHaveCount(3);
-  408 |       expect(adminPageErrors).toEqual([]);
-  409 |       await tableToolbar.getByRole('button', { name: 'Delete table' }).click();
-  410 |       await expect(editor.locator('table')).toHaveCount(1);
-  411 |       await expect(tableToolbar).toBeHidden();
-  412 |       expect(adminPageErrors).toEqual([]);
-  413 | 
-  414 |       const productUpdate = waitForApiResponse(
-  415 |         adminPage,
-  416 |         'PATCH',
-  417 |         `${productActionPath}/${productId}`,
-  418 |       );
-  419 |       await adminPage.getByRole('button', { name: 'Submit', exact: true }).click();
-  420 |       await productUpdate;
-  421 |       const productResponseAfterUpdate = await adminPage.request.get(
-  422 |         `${productActionPath}/${productId}`,
-  423 |         { headers },
-  424 |       );
-  425 |       expect(productResponseAfterUpdate.ok()).toBeTruthy();
-  426 |       expect((await productResponseAfterUpdate.json()).productContentForm.descriptionMarkdown).toBe(
-  427 |         markdown.replace('```ts', '```python'),
-  428 |       );
-  429 |       expect(adminPageErrors).toEqual([]);
-  430 |     } finally {
-  431 |       if (productId && headers) {
-  432 |         const response = await adminPage.request.delete(`${productActionPath}/${productId}`, {
-  433 |           headers,
-  434 |         });
-  435 |         expect(response.ok()).toBeTruthy();
-  436 |       }
-  437 |       if (categoryId && headers) {
-  438 |         const response = await adminPage.request.delete(`${categoryActionPath}/${categoryId}`, {
-  439 |           headers,
-  440 |         });
-  441 |         expect(response.ok()).toBeTruthy();
-  442 |       }
-  443 |       await adminContext.close().catch(() => {});
-  444 |     }
-  445 |   },
-  446 | );
-  447 | 
-  448 | test(
-  449 |   'ATP-SPC-02: Product Content link toolbar edits Markdown',
-  450 |   { tag: ['@admin', '@flow', '@product'] },
-  451 |   async ({ browser }, testInfo) => {
-  452 |     test.setTimeout(180_000);
-  453 |     const suffix = `${testInfo.workerIndex}-${testInfo.parallelIndex ?? testInfo.retry}-${Date.now()}`;
-  454 |     const categoryName = `E2E Product Link Category ${suffix}`;
-  455 |     const productTitle = `E2E Product Link ${suffix}`;
-  456 |     const markdown = `# Product content ${suffix}\n\nA product description.`;
-  457 |     const adminContext = await browser.newContext();
-  458 |     const adminPage = await adminContext.newPage();
-  459 |     const adminPageErrors = collectPageErrors(adminPage);
-  460 |     const adminConsoleErrors = collectConsoleErrors(adminPage);
-  461 |     const productListPath = '/commerce-admin/rest/resource/commerce-catalog%3Aproduct';
-  462 |     const categoryActionPath = '/api/commerce/catalog/category';
-  463 |     const productActionPath = '/api/commerce/catalog/product';
-  464 |     let categoryId: number | string | undefined;
-  465 |     let productId: number | string | undefined;
-  466 |     let headers: { Authorization: string } | undefined;
-  467 |     try {
-  468 |       await adminPage.setViewportSize({ width: 1440, height: 900 });
-  469 |       await login(adminPage, '/commerce-admin/', 'admin', '123456', 'commerceAdmin');
-  470 |       const accessToken = (await adminContext.cookies()).find(
-  471 |         cookie => cookie.name === 'token',
-  472 |       )?.value;
-  473 |       expect(accessToken).toBeTruthy();
-  474 |       headers = { Authorization: `Bearer ${accessToken}` };
-  475 | 
-  476 |       const categoryResponse = await adminPage.request.post(categoryActionPath, {
-  477 |         data: { name: categoryName, published: false },
-  478 |         headers,
-  479 |       });
-  480 |       expect(categoryResponse.ok()).toBeTruthy();
-  481 |       categoryId = (await categoryResponse.json()).data;
-  482 |       expectTableIdentity(categoryId);
-  483 | 
-  484 |       const productResponse = await adminPage.request.post(productActionPath, {
-  485 |         data: {
-  486 |           categoryId,
-  487 |           title: productTitle,
-  488 |           published: false,
-  489 |           productContentForm: { descriptionMarkdown: markdown },
-  490 |         },
-  491 |         headers,
-  492 |       });
-  493 |       expect(productResponse.ok()).toBeTruthy();
-  494 |       productId = (await productResponse.json()).data;
-  495 |       expectTableIdentity(productId);
-  496 | 
-  497 |       await adminPage.goto(`${productListPath}/${productId}/edit`, { waitUntil: 'load' });
-  498 |       await expect(adminPage.locator('html')).toHaveAttribute(
-  499 |         'data-zova-hydrated',
-  500 |         'commerceAdmin',
-  501 |       );
-  502 |       const editor = adminPage.locator('[contenteditable="true"]');
-> 503 |       await expect(editor).toBeVisible();
-      |                            ^ Error: expect(locator).toBeVisible() failed
-  504 |       const toolbar = adminPage.getByRole('toolbar', { name: 'Markdown toolbar' });
-  505 |       await expect(toolbar).toBeVisible();
-  506 |       const linkButton = toolbar.getByRole('button', { name: 'Link' });
-  507 |       await expect(linkButton).toHaveAttribute('type', 'button');
-  508 |       await expect(linkButton).toBeDisabled();
-  509 | 
-  510 |       await editor.locator('h1').selectText();
-  511 |       await expect(linkButton).toBeEnabled();
-  512 |       await linkButton.click();
-  513 |       const linkPrompt = adminPage.locator('.fixed.inset-0.z-50');
-  514 |       await expect(linkPrompt).toBeVisible();
-  515 |       const linkInput = linkPrompt.locator('input[type="text"]');
-  516 |       await linkInput.fill('https://example.com/docs');
-  517 |       await linkInput.press('Enter');
-  518 |       await expect(editor.locator('h1 a[href="https://example.com/docs"]')).toHaveText(
-  519 |         `Product content ${suffix}`,
-  520 |       );
-  521 |       await expect(linkButton).toHaveAttribute('aria-pressed', 'true');
-  522 |       await editor.press('ArrowLeft');
-  523 |       await expect(linkButton).toHaveAttribute('aria-pressed', 'true');
-  524 | 
-  525 |       await linkButton.click();
-  526 |       await expect(linkPrompt).toBeVisible();
-  527 |       await expect(linkInput).toHaveValue('https://example.com/docs');
-  528 |       await linkInput.fill('https://example.com/updated');
-  529 |       await linkPrompt.getByRole('button', { name: 'OK' }).click();
-  530 |       await expect(editor.locator('h1 a[href="https://example.com/updated"]')).toHaveText(
-  531 |         `Product content ${suffix}`,
-  532 |       );
-  533 | 
-  534 |       await linkButton.click();
-  535 |       await expect(linkPrompt).toBeVisible();
-  536 |       await linkPrompt.getByRole('button', { name: 'Cancel' }).click();
-  537 |       await expect(editor.locator('h1 a[href="https://example.com/updated"]')).toHaveText(
-  538 |         `Product content ${suffix}`,
-  539 |       );
-  540 | 
-  541 |       await editor.locator('h1').selectText();
-  542 |       await expect(linkButton).toHaveAttribute('aria-pressed', 'true');
-  543 |       await linkButton.click();
-  544 |       await expect(linkPrompt).toBeVisible();
-  545 |       await linkInput.fill('');
-  546 |       await linkInput.press('Enter');
-  547 |       await expect(editor.locator('h1 a')).toHaveCount(0);
-  548 |       await adminPage.getByRole('button', { name: 'Submit', exact: true }).click();
-  549 |       const productResponseAfterLinkRemoval = await adminPage.request.get(
-  550 |         `${productActionPath}/${productId}`,
-  551 |         { headers },
-  552 |       );
-  553 |       expect(productResponseAfterLinkRemoval.ok()).toBeTruthy();
-  554 |       expect(
-  555 |         (await productResponseAfterLinkRemoval.json()).productContentForm.descriptionMarkdown,
-  556 |       ).not.toContain('https://example.com/updated');
-  557 |       expect(adminPageErrors).toEqual([]);
-  558 |       expect(adminConsoleErrors).toEqual([]);
-  559 |     } finally {
-  560 |       if (productId && headers) {
-  561 |         const response = await adminPage.request.delete(`${productActionPath}/${productId}`, {
-  562 |           headers,
-  563 |         });
-  564 |         expect(response.ok()).toBeTruthy();
-  565 |       }
-  566 |       if (categoryId && headers) {
-  567 |         const response = await adminPage.request.delete(`${categoryActionPath}/${categoryId}`, {
-  568 |           headers,
-  569 |         });
-  570 |         expect(response.ok()).toBeTruthy();
-  571 |       }
-  572 |       await adminContext.close().catch(() => {});
-  573 |     }
-  574 |   },
-  575 | );
-  576 | 
-```

package/test-results/markdown-ATP-SPC-02-Produc-9d6ea-t-editor-and-saves-Markdown/error-context.md

@@ -1,238 +0,0 @@
-# Instructions
-
-- Following Playwright test failed.
-- Explain why, be concise, respect Playwright best practices.
-- Provide a snippet of code with the fix, if possible.
-
-# Test info
-
-- Name: markdown.spec.ts >> ATP-SPC-02: Product Content opens the rich-text editor and saves Markdown
-- Location: repo-e2e/specs/markdown.spec.ts:209:1
-
-# Error details
-
-```
-Error: expect(locator).toBeVisible() failed
-
-Locator: locator('[contenteditable="true"]')
-Expected: visible
-Timeout: 5000ms
-Error: element(s) not found
-
-Call log:
-  - Expect "toBeVisible" with timeout 5000ms
-  - waiting for locator('[contenteditable="true"]')
-
-```
-
-```yaml
-- text: 403 Access denied.
-- button "Go Home"
-```
-
-# Test source
-
-```ts
-  185 |       expect(webConsoleErrors).toEqual([]);
-  186 |     } finally {
-  187 |       if (skuId && headers) {
-  188 |         const response = await adminPage.request.delete(`${skuActionPath}/${skuId}`, { headers });
-  189 |         expect(response.ok()).toBeTruthy();
-  190 |       }
-  191 |       if (productId && headers) {
-  192 |         const response = await adminPage.request.delete(`${productActionPath}/${productId}`, {
-  193 |           headers,
-  194 |         });
-  195 |         expect(response.ok()).toBeTruthy();
-  196 |       }
-  197 |       if (categoryId && headers) {
-  198 |         const response = await adminPage.request.delete(`${categoryActionPath}/${categoryId}`, {
-  199 |           headers,
-  200 |         });
-  201 |         expect(response.ok()).toBeTruthy();
-  202 |       }
-  203 |       await webContext.close().catch(() => {});
-  204 |       await adminContext.close().catch(() => {});
-  205 |     }
-  206 |   },
-  207 | );
-  208 | 
-  209 | test(
-  210 |   'ATP-SPC-02: Product Content opens the rich-text editor and saves Markdown',
-  211 |   { tag: ['@admin', '@flow', '@product'] },
-  212 |   async ({ browser }, testInfo) => {
-  213 |     test.setTimeout(60_000);
-  214 |     const suffix = `${testInfo.workerIndex}-${testInfo.parallelIndex ?? testInfo.retry}-${Date.now()}`;
-  215 |     const categoryName = `E2E Product Content Category ${suffix}`;
-  216 |     const productTitle = `E2E Product Content ${suffix}`;
-  217 |     const markdown = `# Product content ${suffix}
-  218 | 
-  219 | - First benefit
-  220 | - Second benefit
-  221 | 
-  222 | - [ ] Open task
-  223 | - [x] Completed task
-  224 | 
-  225 | > Product quote
-  226 | 
-  227 | \`\`\`ts
-  228 | const product = '${suffix}';
-  229 | \`\`\`
-  230 | 
-  231 | ==highlighted text==
-  232 | 
-  233 | 
-  234 | | Feature  | Value   |
-  235 | | -------- | ------- |
-  236 | | Material | Durable |`;
-  237 |     const adminContext = await browser.newContext();
-  238 |     const adminPage = await adminContext.newPage();
-  239 |     const adminPageErrors = collectPageErrors(adminPage);
-  240 |     const adminConsoleErrors = collectConsoleErrors(adminPage);
-  241 |     const productListPath = '/commerce-admin/rest/resource/commerce-catalog%3Aproduct';
-  242 |     const categoryActionPath = '/api/commerce/catalog/category';
-  243 |     const productActionPath = '/api/commerce/catalog/product';
-  244 |     let categoryId: number | string | undefined;
-  245 |     let productId: number | string | undefined;
-  246 |     let headers: { Authorization: string } | undefined;
-  247 |     try {
-  248 |       await adminPage.setViewportSize({ width: 1440, height: 900 });
-  249 |       await login(adminPage, '/commerce-admin/', 'admin', '123456', 'commerceAdmin');
-  250 |       const accessToken = (await adminContext.cookies()).find(
-  251 |         cookie => cookie.name === 'token',
-  252 |       )?.value;
-  253 |       expect(accessToken).toBeTruthy();
-  254 |       headers = { Authorization: `Bearer ${accessToken}` };
-  255 | 
-  256 |       const categoryResponse = await adminPage.request.post(categoryActionPath, {
-  257 |         data: { name: categoryName, published: false },
-  258 |         headers,
-  259 |       });
-  260 |       expect(categoryResponse.ok()).toBeTruthy();
-  261 |       categoryId = (await categoryResponse.json()).data;
-  262 |       expectTableIdentity(categoryId);
-  263 | 
-  264 |       const productResponse = await adminPage.request.post(productActionPath, {
-  265 |         data: {
-  266 |           categoryId,
-  267 |           title: productTitle,
-  268 |           published: false,
-  269 |           productContentForm: { descriptionMarkdown: markdown },
-  270 |         },
-  271 |         headers,
-  272 |       });
-  273 |       expect(productResponse.ok()).toBeTruthy();
-  274 |       productId = (await productResponse.json()).data;
-  275 |       expectTableIdentity(productId);
-  276 | 
-  277 |       await adminPage.goto(`${productListPath}/${productId}/edit`, { waitUntil: 'load' });
-  278 |       await expect(adminPage.locator('html')).toHaveAttribute(
-  279 |         'data-zova-hydrated',
-  280 |         'commerceAdmin',
-  281 |       );
-  282 |       expect(adminPageErrors).toEqual([]);
-  283 |       expect(adminConsoleErrors).toEqual([]);
-  284 |       const editor = adminPage.locator('[contenteditable="true"]');
-> 285 |       await expect(editor).toBeVisible();
-      |                            ^ Error: expect(locator).toBeVisible() failed
-  286 |       const toolbar = adminPage.getByRole('toolbar', { name: 'Markdown toolbar' });
-  287 |       await expect(toolbar).toBeVisible();
-  288 |       const undoButton = toolbar.getByRole('button', { name: 'Undo' });
-  289 |       await expect(toolbar.getByRole('combobox', { name: 'Code block language' })).toHaveCount(0);
-  290 |       const codeBlockToolbar = adminPage.getByRole('toolbar', { name: 'Code block language' });
-  291 |       await expect(codeBlockToolbar).toBeHidden();
-  292 |       await expect(toolbar.getByRole('button', { name: 'Bold' })).toHaveAttribute('type', 'button');
-  293 |       await expect(undoButton).toBeEnabled();
-  294 |       const insertTableButton = toolbar.getByRole('button', { name: 'Insert table' });
-  295 |       await expect(insertTableButton).toHaveAttribute('type', 'button');
-  296 |       await expect(insertTableButton).toHaveAttribute('aria-haspopup', 'grid');
-  297 |       await expect(insertTableButton).toHaveAttribute('aria-expanded', 'false');
-  298 |       await insertTableButton.click();
-  299 |       const tablePickerDialog = adminPage.locator('#markdown-table-size-picker');
-  300 |       const tablePicker = tablePickerDialog.locator('[role="grid"]');
-  301 |       await expect(tablePickerDialog).toBeVisible();
-  302 |       await expect(tablePicker).toHaveCount(1);
-  303 |       await expect(insertTableButton).toHaveAttribute('aria-expanded', 'true');
-  304 |       await expect(editor.locator('table')).toHaveCount(1);
-  305 |       const tablePickerCell = tablePicker.locator('[data-table-picker-cell="2-3"]');
-  306 |       await tablePickerCell.hover();
-  307 |       await expect(tablePickerDialog.locator('[aria-live="polite"]')).toHaveText(
-  308 |         'Selected table size: 2 × 3',
-  309 |       );
-  310 |       await expect(tablePicker.locator('[aria-selected="true"]')).toHaveCount(6);
-  311 |       await expect(tablePicker.locator('[aria-selected="false"]').first()).toBeVisible();
-  312 |       await tablePickerCell.click();
-  313 |       await expect(tablePickerDialog).toHaveCount(0);
-  314 |       await expect(insertTableButton).toHaveAttribute('aria-expanded', 'false');
-  315 |       await expect(editor.locator('table')).toHaveCount(2);
-  316 |       await expect(editor.locator('table').last().locator('th')).toHaveCount(3);
-  317 |       await expect(editor.locator('table').last().locator('td')).toHaveCount(3);
-  318 |       const editorSurface = editor.locator('..');
-  319 |       await editor.locator('h1').click();
-  320 |       await expect(editorSurface).not.toHaveClass(/\bprose\b/);
-  321 |       const editorSurfaceClass = await editorSurface.getAttribute('class');
-  322 |       expect(editorSurfaceClass?.trim()).toBeTruthy();
-  323 |       await expect(editor).toBeFocused();
-  324 |       await expect(editor.locator('h1')).toHaveText(`Product content ${suffix}`);
-  325 |       await expect(editor.locator('ul:not([data-type="taskList"])')).toHaveCount(1);
-  326 |       await expect(editor.locator('blockquote')).toHaveText('Product quote');
-  327 |       const codeBlock = editor.locator('pre code');
-  328 |       const codeBlockLanguage = codeBlockToolbar.getByRole('combobox', {
-  329 |         name: 'Code block language',
-  330 |       });
-  331 |       await expect(codeBlockToolbar).toBeHidden();
-  332 |       await expect(codeBlock).toHaveClass(/\blanguage-ts\b/);
-  333 |       await expect(codeBlock).toHaveText(`const product = '${suffix}';`);
-  334 |       await expect(codeBlock.locator('span[class*="hljs-"]')).not.toHaveCount(0);
-  335 |       await codeBlock.click();
-  336 |       await expect(codeBlockToolbar).toBeVisible();
-  337 |       await expect(codeBlockLanguage).toBeEnabled();
-  338 |       await expect(codeBlockLanguage).toHaveValue('typescript');
-  339 |       await codeBlockLanguage.selectOption('python');
-  340 |       await expect(codeBlock).toHaveClass(/\blanguage-python\b/);
-  341 |       await expect(codeBlock.locator('span[class*="hljs-"]')).not.toHaveCount(0);
-  342 |       await editor.locator('h1').click();
-  343 |       await expect(codeBlockToolbar).toBeHidden();
-  344 |       await expect(editor.locator('mark')).toHaveText('highlighted text');
-  345 |       await expect(editor.locator('table th')).toHaveCount(5);
-  346 |       await expect(editor.locator('table td')).toHaveCount(5);
-  347 |       await expect(editor.locator('h1')).toHaveCSS('font-weight', '700');
-  348 |       await expect(editor.locator('ul:not([data-type="taskList"])')).toHaveCSS(
-  349 |         'list-style-type',
-  350 |         'disc',
-  351 |       );
-  352 |       await expect(editor.locator('ul[data-type="taskList"]')).toHaveCount(1);
-  353 |       await expect(editor.locator('input[type="checkbox"]')).toHaveCount(2);
-  354 |       await expect(editor.locator('input[type="checkbox"]').nth(0)).not.toBeChecked();
-  355 |       await expect(editor.locator('input[type="checkbox"]').nth(1)).toBeChecked();
-  356 |       await expect(editor.locator('blockquote')).toHaveCSS('border-left-width', '4px');
-  357 |       await expect(editor.locator('pre')).toHaveCSS('overflow-x', 'auto');
-  358 |       await expect(editor.locator('table th').first()).toHaveCSS('font-weight', '600');
-  359 |       await editor.locator('h1').selectText();
-  360 |       const boldButton = toolbar.getByRole('button', { name: 'Bold' });
-  361 |       await boldButton.click();
-  362 |       await expect(boldButton).toHaveAttribute('aria-pressed', 'true');
-  363 |       await undoButton.click();
-  364 |       await expect(boldButton).toHaveAttribute('aria-pressed', 'false');
-  365 |       await expect(toolbar.getByRole('button', { name: 'Redo' })).toBeEnabled();
-  366 | 
-  367 |       const tableToolbar = adminPage.getByRole('toolbar', { name: 'Table toolbar' });
-  368 |       const insertedTable = editor.locator('table').last();
-  369 |       await editor.locator('h1').click();
-  370 |       await expect(tableToolbar).toBeHidden();
-  371 |       await insertedTable.locator('td').first().click();
-  372 |       expect(adminPageErrors).toEqual([]);
-  373 |       expect(adminConsoleErrors).toEqual([]);
-  374 |       await expect(tableToolbar).toBeVisible();
-  375 |       expect(adminPageErrors).toEqual([]);
-  376 |       expect(adminConsoleErrors).toEqual([]);
-  377 |       await expect(tableToolbar.getByRole('button', { name: 'Add row before' })).toHaveAttribute(
-  378 |         'type',
-  379 |         'button',
-  380 |       );
-  381 |       await tableToolbar.getByRole('button', { name: 'Add row before' }).click();
-  382 |       await expect(insertedTable.locator('td')).toHaveCount(6);
-  383 |       expect(adminPageErrors).toEqual([]);
-  384 |       await tableToolbar.getByRole('button', { name: 'Delete row' }).click();
-  385 |       await expect(insertedTable.locator('td')).toHaveCount(3);
-```