Skip to content

wip: final card refactor #841

wip: final card refactor

wip: final card refactor #841

Triggered via push November 24, 2024 08:08
Status Failure
Total duration 16m 19s
Artifacts

deploy.yml

on: push
Fit to window
Zoom out
Zoom in

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 &lt;[email protected]&gt;"><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,&quot;Segoe UI&quot;,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;"><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/