wip: final card refactor #841
Annotations
10 errors and 1 warning
@fiction/cards/marquee/marquee.uiux.test.ts > validate option keys > marquee: validate option keys:
@fiction/cards/marquee/marquee.uiux.test.ts#L55
AssertionError: expected Set{} to deeply equal Set{ 'items', 'items.0.title', …(6) }
- Expected
+ Received
- Set {
- "direction",
- "items",
- "items.0.href",
- "items.0.media",
- "items.0.media.*",
- "items.0.subTitle",
- "items.0.title",
- "stagger",
- }
+ Set {}
❯ @fiction/cards/marquee/marquee.uiux.test.ts:55:27
|
@fiction/site/test/admin.media.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: click(ind:9) on selector [data-test-id="library-modal"] [data-test-id="library-apply-changes"]: locator.click: Timeout 30000ms exceeded.
Call log:
- waiting for locator('[data-test-id="library-modal"] [data-test-id="library-apply-changes"]')
- locator resolved to <button id="gwmpd" data-loading="false" data-theme="primary" data-test-id="library-apply-changes" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-primary-500 dark:bg-primary-700/70 text-primary-0 dark:text-primary-50 border border-primary-600/80 dark:border-primary-600 hover:bg-primary-600 dark:hover:bg-primary-800 text-sm px-3 py-1.5 inline-flex justify-center rounded-full font-semibold cursor-pointer">…</button>
- attempting click action
- waiting for element to be visible, enabled and stable
- element is visible, enabled and stable
- scrolling into view if needed
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.media.uiux.test.ts:18:5
|
@fiction/site/test/admin.media.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: frame: hasText(ind:11) on selector frame: [data-test-id="nav-logo"] [data-test-id="typography-text"]: locator.waitFor: Timeout 30000ms exceeded.
Call log:
- waiting for locator('#site-builder-iframe').contentFrame().locator('[data-test-id="nav-logo"] [data-test-id="typography-text"]').first() to be visible
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.media.uiux.test.ts:18:5
|
@fiction/site/test/admin.media.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: frame: hasText(ind:11) on selector frame: [data-test-id="nav-logo"] [data-test-id="typography-text"]: locator.waitFor: Timeout 30000ms exceeded.
Call log:
- waiting for locator('#site-builder-iframe').contentFrame().locator('[data-test-id="nav-logo"] [data-test-id="typography-text"]').first() to be visible
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.media.uiux.test.ts:18:5
|
@fiction/site/test/admin.media.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: frame: hasText(ind:11) on selector frame: [data-test-id="nav-logo"] [data-test-id="typography-text"]: locator.waitFor: Timeout 30000ms exceeded.
Call log:
- waiting for locator('#site-builder-iframe').contentFrame().locator('[data-test-id="nav-logo"] [data-test-id="typography-text"]').first() to be visible
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.media.uiux.test.ts:18:5
|
@fiction/site/test/admin.sitePages.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: click(ind:3) on selector [data-test-id="add-element-hero"]: locator.click: Error: strict mode violation: locator('[data-test-id="add-element-hero"]') resolved to 2 elements:
1) <a href="#" id="gayey" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#gayey')
2) <a href="#" id="uanbg" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#uanbg')
Call log:
- waiting for locator('[data-test-id="add-element-hero"]')
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.sitePages.uiux.test.ts:18:5
|
@fiction/site/test/admin.sitePages.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: click(ind:3) on selector [data-test-id="add-element-hero"]: locator.click: Error: strict mode violation: locator('[data-test-id="add-element-hero"]') resolved to 2 elements:
1) <a href="#" id="wlbtf" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#wlbtf')
2) <a href="#" id="mnnoj" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#mnnoj')
Call log:
- waiting for locator('[data-test-id="add-element-hero"]')
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.sitePages.uiux.test.ts:18:5
|
@fiction/site/test/admin.sitePages.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: click(ind:3) on selector [data-test-id="add-element-hero"]: locator.click: Error: strict mode violation: locator('[data-test-id="add-element-hero"]') resolved to 2 elements:
1) <a href="#" id="ernzq" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#ernzq')
2) <a href="#" id="yesvp" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#yesvp')
Call log:
- waiting for locator('[data-test-id="add-element-hero"]')
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.sitePages.uiux.test.ts:18:5
|
@fiction/site/test/admin.sitePages.uiux.test.ts > admin site pages > page and card ui:
@fiction/core/test-utils/buildTest.ts#L509
Error: ACTION_ERROR: click(ind:3) on selector [data-test-id="add-element-hero"]: locator.click: Error: strict mode violation: locator('[data-test-id="add-element-hero"]') resolved to 2 elements:
1) <a href="#" id="xlyqh" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#xlyqh')
2) <a href="#" id="tmozb" data-size="xs" data-theme="blue" data-loading="false" data-test-id="add-element-hero" class="xbutton group/button relative overflow-hidden max-w-full select-none items-center font-sans focus:outline-none antialiased leading-[1.2] bg-blue-100 dark:bg-blue-800/20 text-blue-900 dark:text-blue-100 border border-blue-100 dark:border-blue-800/20 hover:bg-blue-200 dark:hover:bg-blue-800/40 text-[10px] px-2 py-1 inline-flex justify-center rounded-full font-semibold cursor-pointer c…>…</a> aka locator('#tmozb')
Call log:
- waiting for locator('[data-test-id="add-element-hero"]')
❯ Module.performActions @fiction/core/test-utils/buildTest.ts:509:13
❯ @fiction/site/test/admin.sitePages.uiux.test.ts:18:5
|
@fiction/plugins/plugin-subscribe/test/subscribe.uiux.test.ts > subscribe uiux > sends email:
@fiction/plugins/plugin-subscribe/test/subscribe.uiux.test.ts#L71
AssertionError: expected '<!DOCTYPE html PUBLIC "-//W3C//DTD XH…' to contain 'Confirm Subscription'
- Expected
+ Received
- Confirm Subscription
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><tailwind-clean-component from="Yost Inc <[email protected]>"><html lang="en" dir="ltr" class=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="x-apple-disable-message-reformatting"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title>Confirm Your Subscription 👍</title><meta name="description" content="Confirm Your Subscription -- Just click the link below"/><style data-id="__vue-email-style">
+ tbody { font-size: 1rem; line-height: 1.65; }
+ h1, h2 { line-height: 1.2; }
+ h3, h4, h5 { line-height: 1.4; }
+ h5, h6 { font-weight: bold; }
+ ol, ul, dd, dt { font-size: 1rem; line-height: 1.65; }
+ dt { font-weight: bold; margin-top: 0.5rem; }
+ dd { margin-inline-start: 1.5rem; }
+ ul, ol { padding-inline-start: 1.5rem; }
+ img, figure { max-width: 100%; height: auto; }
+ img[data-emoji] { display: inline; }
+ figure img { border-radius: .5rem; display: block; }
+ figcaption { font-size: 0.8rem; text-align: center; color: #666; margin-top: 0.5rem; }
+ figcaption a { color: inherit; }
+ a { transition: opacity 0.2s; }
+ a:hover { opacity: 0.8; }
+ </style></head><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0;">Confirm Your Subscription -- Just click the link below<div> </div></div><body style="font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";"><div class="py-8 px-4" style="max-width:600px;margin:0px auto;color:#0e0f11; padding-top: 2rem;
+ padding-bottom: 2rem; padding-left: 1rem;
+ padding-right: 1rem;"><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom:24px;"><tbody><tr><td/><td role="presentation" class="w-[22px]" style="width: 22px;"><a href="https://www.fiction.com"><img style="display:block;outline:none;border:none;text-decoration:none; border-radius: 0.375rem; border-width: 2px !important; border-color: rgb(255,255,255,0.1) !important; border-style: solid !important;" src="https://gravatar.com/avatar/c7d34a55a9ef230fec430bb6dc0eee6c45684840781809c6ca0721442eee3e94?size=200&d=identicon" width="22" class="rounded-md !border-2 !border-white/10 !border-solid"/></a></td><td role="presentation" class="pl-3" style="padding-left: 0.75rem;"><a href="https://www.fiction.com" class="text-inherit font-normal text-[14px] no-underline" style="color: inherit; font-weight: 400; font-size: 14px; text-decoration-line: none;">Yost Inc</a></td></tr></tbody></table><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"><tbody><tr><td><h1 style="margin:0 0 0 0;font-weight:bold;font-size:28px;line-height:1.3;" data-test-id="email-title" data-heading="Confirm Your Subscription">Confirm Your Subscription</h1><h3 style="margin:0 0 0 0;font-weight:normal;font-size:24p
|
build and test
The following actions use a deprecated Node.js version and will be forced to run on node20: slackapi/[email protected]. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|