pricing(marketing): Pro storage bump + Team coming soon + hide Hobby Plus #79
Annotations
5 errors
|
Run npm test
Process completed with exit code 1.
|
|
Run npm test:
src/pages/PricingPage.test.tsx#L143
TestingLibraryElementError: Unable to find an element by: [data-testid="pricing-cta-hobby_plus"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="public-shell"
>
<header
class="public-nav"
role="banner"
>
<div
class="public-nav-inner"
>
<a
aria-label="instanode.dev — home"
class="public-nav-brand"
href="/"
>
<span
class="brand"
>
<img
alt=""
aria-hidden="true"
class="brand-mark"
height="24"
src="/apple-touch-icon.png"
width="24"
/>
<span
class="brand-name"
>
instanode
<span
class="dot"
>
.
</span>
dev
</span>
</span>
</a>
<nav
aria-label="Primary"
class="public-nav-links"
>
<a
class="public-nav-link"
href="/pricing"
>
Pricing
</a>
<a
class="public-nav-link"
href="/use-cases"
>
Use cases
</a>
<a
class="public-nav-link"
href="/for-agents"
>
For agents
</a>
<a
class="public-nav-link"
href="/docs"
>
Docs
</a>
<a
class="public-nav-link"
href="/blog"
>
Blog
</a>
<a
class="public-nav-link"
href="/status"
>
Status
</a>
</nav>
<div
class="public-nav-cta"
>
<a
class="public-nav-link public-nav-link--muted"
href="/login"
>
Sign in
</a>
<a
class="public-cta-pill"
href="/get-token"
>
Get token
<span
aria-hidden="true"
>
→
</span>
</a>
</div>
</div>
</header>
<main
class="public-main"
>
<section
class="pricing-header"
>
<span
class="public-eyebrow"
>
Pricing · transparent · per-team
</span>
<h1
class="public-h1"
>
Pricing
<span
class="dot"
>
.
</span>
</h1>
<p
class="public-sub"
>
Free for the first agent call. Pay when your agent grows up.
</p>
</section>
<section
aria-labelledby="compare-h"
class="public-section"
>
<h2
class="public-section-h"
id="compare-h"
>
Compare tiers
</h2>
<p
class="public-section-sub"
>
All prices in USD. Limits enforced per team. Numbers come from
<code
class="pr-inline"
>
plans.yaml
</code>
.
</p>
<div
data-testid="pricing-frequency-toggle"
style="display: flex; align-items: center; gap: 12px; margin: 0px 0px 18px; flex-wrap: wrap;"
>
<div
aria-label="Billing cycle"
role="radiogroup"
style="display: inline-flex; border: 1px solid var(--border-hi, var(--border)); border-radius: 999px; padding: 2px; background: var(--elevated, var(--surface));"
>
<button
aria-checked="true"
|
|
Run npm test:
src/pages/PricingPage.test.tsx#L136
AssertionError: expected 0 to be greater than 0
❯ src/pages/PricingPage.test.tsx:136:34
|
|
Run npm test:
src/pages/PricingPage.test.tsx#L80
TestingLibraryElementError: Unable to find an element by: [data-testid="pricing-cta-hobby_plus"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="public-shell"
>
<header
class="public-nav"
role="banner"
>
<div
class="public-nav-inner"
>
<a
aria-label="instanode.dev — home"
class="public-nav-brand"
href="/"
>
<span
class="brand"
>
<img
alt=""
aria-hidden="true"
class="brand-mark"
height="24"
src="/apple-touch-icon.png"
width="24"
/>
<span
class="brand-name"
>
instanode
<span
class="dot"
>
.
</span>
dev
</span>
</span>
</a>
<nav
aria-label="Primary"
class="public-nav-links"
>
<a
class="public-nav-link"
href="/pricing"
>
Pricing
</a>
<a
class="public-nav-link"
href="/use-cases"
>
Use cases
</a>
<a
class="public-nav-link"
href="/for-agents"
>
For agents
</a>
<a
class="public-nav-link"
href="/docs"
>
Docs
</a>
<a
class="public-nav-link"
href="/blog"
>
Blog
</a>
<a
class="public-nav-link"
href="/status"
>
Status
</a>
</nav>
<div
class="public-nav-cta"
>
<a
class="public-nav-link public-nav-link--muted"
href="/login"
>
Sign in
</a>
<a
class="public-cta-pill"
href="/get-token"
>
Get token
<span
aria-hidden="true"
>
→
</span>
</a>
</div>
</div>
</header>
<main
class="public-main"
>
<section
class="pricing-header"
>
<span
class="public-eyebrow"
>
Pricing · transparent · per-team
</span>
<h1
class="public-h1"
>
Pricing
<span
class="dot"
>
.
</span>
</h1>
<p
class="public-sub"
>
Free for the first agent call. Pay when your agent grows up.
</p>
</section>
<section
aria-labelledby="compare-h"
class="public-section"
>
<h2
class="public-section-h"
id="compare-h"
>
Compare tiers
</h2>
<p
class="public-section-sub"
>
All prices in USD. Limits enforced per team. Numbers come from
<code
class="pr-inline"
>
plans.yaml
</code>
.
</p>
<div
data-testid="pricing-frequency-toggle"
style="display: flex; align-items: center; gap: 12px; margin: 0px 0px 18px; flex-wrap: wrap;"
>
<div
aria-label="Billing cycle"
role="radiogroup"
style="display: inline-flex; border: 1px solid var(--border-hi, var(--border)); border-radius: 999px; padding: 2px; background: var(--elevated, var(--surface));"
>
<button
aria-checked="false"
|
|
Run npm test:
src/pages/PricingPage.test.tsx#L59
TestingLibraryElementError: Unable to find an element by: [data-testid="pricing-cta-hobby_plus"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="public-shell"
>
<header
class="public-nav"
role="banner"
>
<div
class="public-nav-inner"
>
<a
aria-label="instanode.dev — home"
class="public-nav-brand"
href="/"
>
<span
class="brand"
>
<img
alt=""
aria-hidden="true"
class="brand-mark"
height="24"
src="/apple-touch-icon.png"
width="24"
/>
<span
class="brand-name"
>
instanode
<span
class="dot"
>
.
</span>
dev
</span>
</span>
</a>
<nav
aria-label="Primary"
class="public-nav-links"
>
<a
class="public-nav-link"
href="/pricing"
>
Pricing
</a>
<a
class="public-nav-link"
href="/use-cases"
>
Use cases
</a>
<a
class="public-nav-link"
href="/for-agents"
>
For agents
</a>
<a
class="public-nav-link"
href="/docs"
>
Docs
</a>
<a
class="public-nav-link"
href="/blog"
>
Blog
</a>
<a
class="public-nav-link"
href="/status"
>
Status
</a>
</nav>
<div
class="public-nav-cta"
>
<a
class="public-nav-link public-nav-link--muted"
href="/login"
>
Sign in
</a>
<a
class="public-cta-pill"
href="/get-token"
>
Get token
<span
aria-hidden="true"
>
→
</span>
</a>
</div>
</div>
</header>
<main
class="public-main"
>
<section
class="pricing-header"
>
<span
class="public-eyebrow"
>
Pricing · transparent · per-team
</span>
<h1
class="public-h1"
>
Pricing
<span
class="dot"
>
.
</span>
</h1>
<p
class="public-sub"
>
Free for the first agent call. Pay when your agent grows up.
</p>
</section>
<section
aria-labelledby="compare-h"
class="public-section"
>
<h2
class="public-section-h"
id="compare-h"
>
Compare tiers
</h2>
<p
class="public-section-sub"
>
All prices in USD. Limits enforced per team. Numbers come from
<code
class="pr-inline"
>
plans.yaml
</code>
.
</p>
<div
data-testid="pricing-frequency-toggle"
style="display: flex; align-items: center; gap: 12px; margin: 0px 0px 18px; flex-wrap: wrap;"
>
<div
aria-label="Billing cycle"
role="radiogroup"
style="display: inline-flex; border: 1px solid var(--border-hi, var(--border)); border-radius: 999px; padding: 2px; background: var(--elevated, var(--surface));"
>
<button
aria-checked="true"
|
background
wait
wait-all
cancel
Loading