@pushwoosh/dumb-components 2.9.12 → 2.9.14

package/PushStoriesPreview/__tests__/PushStoriesPreview.test.js

@@ -1,234 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { hasStoryButton, normalizeStoryDuration } from '../helpers';
-import { PushStoriesPreview } from '../PushStoriesPreview';
-const pages = [{
-  image: 'https://example.com/1.jpg',
-  title: 'Welcome',
-  subtitle: 'Swipe to explore',
-  buttonTitle: 'Get started',
-  link: 'app://one'
-}, {
-  image: 'https://example.com/2.jpg',
-  title: 'Stay in the loop',
-  duration: 4
-}, {
-  image: 'https://example.com/3.jpg',
-  title: 'You are all set',
-  buttonTitle: 'Open app',
-  link: 'app://three'
-}];
-const next = () => {
-  fireEvent.click(screen.getByLabelText('Next page'));
-};
-const progressFill = index => screen.getByTestId('push-stories-progress').children[index].firstElementChild;
-describe('normalizeStoryDuration', () => {
-  it('plays a missing, zero, negative or non-finite duration for 5 seconds', () => {
-    expect(normalizeStoryDuration(undefined)).toBe(5);
-    expect(normalizeStoryDuration(0)).toBe(5);
-    expect(normalizeStoryDuration(-3)).toBe(5);
-    expect(normalizeStoryDuration(Number.NaN)).toBe(5);
-    expect(normalizeStoryDuration(Number.POSITIVE_INFINITY)).toBe(5);
-  });
-  it('keeps a valid duration and caps it at 30 seconds', () => {
-    expect(normalizeStoryDuration(1.5)).toBe(1.5);
-    expect(normalizeStoryDuration(45)).toBe(30);
-  });
-});
-describe('hasStoryButton', () => {
-  it('needs both a title and a link with a scheme, as the SDK does', () => {
-    expect(hasStoryButton({
-      buttonTitle: 'Go',
-      link: 'app://x'
-    })).toBe(true);
-    expect(hasStoryButton({
-      buttonTitle: 'Go',
-      link: 'https://example.com'
-    })).toBe(true);
-    expect(hasStoryButton({
-      buttonTitle: 'Go',
-      link: 'example.com/promo'
-    })).toBe(false);
-    expect(hasStoryButton({
-      buttonTitle: 'Go'
-    })).toBe(false);
-    expect(hasStoryButton({
-      buttonTitle: '  ',
-      link: 'app://x'
-    })).toBe(false);
-    expect(hasStoryButton({
-      link: 'app://x'
-    })).toBe(false);
-  });
-});
-describe('PushStoriesPreview', () => {
-  it('draws the empty state without pages', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: []
-    }));
-    expect(screen.getByText('Add a page to see the story preview')).toBeInTheDocument();
-    expect(screen.queryByTestId('push-stories-progress')).not.toBeInTheDocument();
-  });
-  it('draws one progress segment per page and the first page text', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages
-    }));
-    expect(screen.getByTestId('push-stories-progress').children).toHaveLength(3);
-    expect(screen.getByText('Welcome')).toBeInTheDocument();
-    expect(screen.getByText('Swipe to explore')).toBeInTheDocument();
-    expect(screen.getByText('Get started')).toBeInTheDocument();
-  });
-  it('keeps one segment per page and one image on screen through clicks and page list changes', () => {
-    const {
-      container,
-      rerender
-    } = render(_jsx(PushStoriesPreview, {
-      pages: pages
-    }));
-    const expectShape = count => {
-      expect(screen.getByTestId('push-stories-progress').children).toHaveLength(count);
-      expect(container.querySelectorAll('img')).toHaveLength(1);
-    };
-    for (let click = 0; click < 7; click += 1) {
-      expectShape(3);
-      next();
-    }
-    rerender(_jsx(PushStoriesPreview, {
-      pages: [...pages, {
-        image: 'https://example.com/4.jpg',
-        title: 'Fourth'
-      }]
-    }));
-    expectShape(4);
-    rerender(_jsx(PushStoriesPreview, {
-      pages: pages.slice(0, 2)
-    }));
-    expectShape(2);
-  });
-  it('hides the button of a page without a link', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: [{
-        ...pages[0],
-        link: ''
-      }]
-    }));
-    expect(screen.queryByText('Get started')).not.toBeInTheDocument();
-  });
-  it('shows the next page on every click and goes round after the last one', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages
-    }));
-    next();
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-    expect(progressFill(0)).not.toBeNull();
-    next();
-    expect(screen.getByText('You are all set')).toBeInTheDocument();
-    next();
-    expect(screen.getByText('Welcome')).toBeInTheDocument();
-    expect(progressFill(1)).toBeNull();
-    next();
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-  });
-  it('has a single click target over the whole story', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages
-    }));
-    expect(screen.getAllByRole('button')).toHaveLength(1);
-  });
-  it('follows the activeIndex prop and reports clicks instead of moving itself', () => {
-    const onActiveIndexChange = jest.fn();
-    const {
-      rerender
-    } = render(_jsx(PushStoriesPreview, {
-      pages: pages,
-      activeIndex: 1,
-      onActiveIndexChange: onActiveIndexChange
-    }));
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-    next();
-    expect(onActiveIndexChange).toHaveBeenCalledWith(2);
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-    rerender(_jsx(PushStoriesPreview, {
-      pages: pages,
-      activeIndex: 2,
-      onActiveIndexChange: onActiveIndexChange
-    }));
-    expect(screen.getByText('You are all set')).toBeInTheDocument();
-  });
-  it('clamps an activeIndex past the last page', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages,
-      activeIndex: 9
-    }));
-    expect(screen.getByText('You are all set')).toBeInTheDocument();
-  });
-  it('advances when the autoplay segment finishes and goes round after the last page', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages.slice(0, 2),
-      autoplay: true
-    }));
-    fireEvent.animationEnd(progressFill(0));
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-    fireEvent.animationEnd(progressFill(1));
-    expect(screen.getByText('Welcome')).toBeInTheDocument();
-    expect(progressFill(1)).toBeNull();
-  });
-  it('fills segments up to and including the current page without autoplay', () => {
-    const {
-      container
-    } = render(_jsx(PushStoriesPreview, {
-      pages: pages
-    }));
-    const filled = () => [...screen.getByTestId('push-stories-progress').children].filter(track => track.firstElementChild).length;
-    expect(filled()).toBe(1);
-    next();
-    expect(filled()).toBe(2);
-    next();
-    expect(filled()).toBe(3);
-    next();
-    expect(filled()).toBe(1);
-    expect(container.querySelectorAll('img')).toHaveLength(1);
-  });
-  it('starts the next segment from zero when a click interrupts autoplay', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages,
-      autoplay: true
-    }));
-    const interrupted = progressFill(0);
-    next();
-    expect(screen.getByText('Stay in the loop')).toBeInTheDocument();
-    expect(progressFill(0)).not.toBe(interrupted);
-    expect(progressFill(1)).not.toBeNull();
-  });
-  it('replays a single page instead of moving anywhere', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages.slice(0, 1),
-      autoplay: true
-    }));
-    const run = progressFill(0);
-    next();
-    expect(screen.getByTestId('push-stories-progress').children).toHaveLength(1);
-    expect(screen.getByText('Welcome')).toBeInTheDocument();
-    expect(progressFill(0)).not.toBe(run);
-  });
-  it('draws a placeholder for a missing or broken image', () => {
-    const {
-      container
-    } = render(_jsx(PushStoriesPreview, {
-      pages: [{
-        title: 'No image'
-      }, pages[1]]
-    }));
-    expect(screen.getByTestId('push-stories-image-placeholder')).toBeInTheDocument();
-    next();
-    fireEvent.error(container.querySelector('img'));
-    expect(screen.getByTestId('push-stories-image-placeholder')).toBeInTheDocument();
-  });
-  it('drops the click target when not interactive', () => {
-    render(_jsx(PushStoriesPreview, {
-      pages: pages,
-      interactive: false
-    }));
-    expect(screen.queryByLabelText('Next page')).not.toBeInTheDocument();
-  });
-});

package/RadioCard/__tests__/RadioCard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/RadioCard/__tests__/RadioCard.test.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { RadioCard } from '../RadioCard';
-describe('RadioCard', () => {
-  it('outlines the active card and dims the disabled one', () => {
-    const {
-      container,
-      rerender
-    } = render(_jsx(RadioCard, {
-      title: "Pro",
-      isActive: true,
-      onClick: jest.fn()
-    }));
-    const card = () => container.firstElementChild;
-    expect(getComputedStyle(card()).outline).toMatch(/^2px solid/);
-    rerender(_jsx(RadioCard, {
-      title: "Pro",
-      isDisabled: true,
-      onClick: jest.fn()
-    }));
-    expect(getComputedStyle(card()).opacity).toBe('0.5');
-  });
-});

package/RichmediaPreview/__tests__/RichmediaPreview.test.d.ts

@@ -1 +0,0 @@
-export {};

package/RichmediaPreview/__tests__/RichmediaPreview.test.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { RichmediaPreview } from '../RichmediaPreview';
-describe('RichmediaPreview', () => {
-  it('sizes the container without width/height attributes', () => {
-    const {
-      container
-    } = render(_jsx(RichmediaPreview, {
-      name: "rm",
-      params: {},
-      content: "",
-      width: 300,
-      height: 500
-    }));
-    const box = container.firstElementChild;
-    expect(box).not.toHaveAttribute('width');
-    expect(box).not.toHaveAttribute('height');
-    expect(getComputedStyle(box).width).toBe('300px');
-    expect(getComputedStyle(box).height).toBe('500px');
-  });
-});

package/SandboxedHtmlFrame/__tests__/SandboxedHtmlFrame.test.d.ts

@@ -1 +0,0 @@
-export {};

package/SandboxedHtmlFrame/__tests__/SandboxedHtmlFrame.test.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { SandboxedHtmlFrame } from '../SandboxedHtmlFrame';
-const HTML = '<p>content</p>';
-function getFrame(container) {
-  const frame = container.querySelector('iframe');
-  if (!frame) {
-    throw new Error('iframe not rendered');
-  }
-  return frame;
-}
-describe('SandboxedHtmlFrame', () => {
-  it('isolates scripts in an opaque origin without same-origin access', () => {
-    const {
-      container
-    } = render(_jsx(SandboxedHtmlFrame, {
-      mode: "isolated",
-      title: "preview",
-      html: HTML
-    }));
-    const frame = getFrame(container);
-    expect(frame.getAttribute('sandbox')).toBe('allow-scripts');
-    expect(frame.getAttribute('srcdoc')).toBe(HTML);
-    expect(frame).toHaveAttribute('title', 'preview');
-  });
-  it('grants same-origin access but disables scripts in inspectable mode', () => {
-    const {
-      container
-    } = render(_jsx(SandboxedHtmlFrame, {
-      mode: "inspectable",
-      title: "stats",
-      html: HTML
-    }));
-    const frame = getFrame(container);
-    expect(frame.getAttribute('sandbox')).toBe('allow-same-origin');
-    expect(frame.getAttribute('sandbox')).not.toContain('allow-scripts');
-  });
-  it('never emits allow-scripts together with allow-same-origin', () => {
-    const isolated = render(_jsx(SandboxedHtmlFrame, {
-      mode: "isolated",
-      title: "a",
-      html: HTML
-    }));
-    const inspectable = render(_jsx(SandboxedHtmlFrame, {
-      mode: "inspectable",
-      title: "b",
-      html: HTML
-    }));
-    [isolated, inspectable].forEach(({
-      container
-    }) => {
-      const sandbox = getFrame(container).getAttribute('sandbox') ?? '';
-      const hasBoth = sandbox.includes('allow-scripts') && sandbox.includes('allow-same-origin');
-      expect(hasBoth).toBe(false);
-    });
-  });
-});

package/Skeleton/__tests__/Skeleton.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Skeleton/__tests__/Skeleton.test.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { CircularSkeleton, RectangularSkeleton, TextSkeletonTag } from '../styles';
-import { TextSkeleton } from '../TextSkeleton';
-describe('RectangularSkeleton', () => {
-  it('keeps style props off the DOM and still paints them', () => {
-    render(_jsx(RectangularSkeleton, {
-      "data-testid": "rect",
-      width: 120,
-      height: 16,
-      color: "red",
-      borderRadius: 4
-    }));
-    const node = screen.getByTestId('rect');
-    expect(node).not.toHaveAttribute('width');
-    expect(node).not.toHaveAttribute('height');
-    expect(node).not.toHaveAttribute('color');
-    expect(node).not.toHaveAttribute('borderradius');
-    expect(getComputedStyle(node)).toMatchObject({
-      width: '120px',
-      height: '16px',
-      backgroundColor: 'rgb(255, 0, 0)',
-      borderRadius: '4px'
-    });
-  });
-  it('still forwards regular attributes', () => {
-    render(_jsx(RectangularSkeleton, {
-      "data-testid": "rect",
-      title: "loading",
-      "aria-busy": "true",
-      width: 1,
-      height: 1
-    }));
-    const node = screen.getByTestId('rect');
-    expect(node).toHaveAttribute('title', 'loading');
-    expect(node).toHaveAttribute('aria-busy', 'true');
-  });
-});
-describe('CircularSkeleton', () => {
-  it('keeps style props off the DOM and still paints them', () => {
-    render(_jsx(CircularSkeleton, {
-      "data-testid": "circle",
-      "aria-label": "avatar",
-      diameter: 32,
-      color: "red"
-    }));
-    const node = screen.getByTestId('circle');
-    expect(node).not.toHaveAttribute('diameter');
-    expect(node).not.toHaveAttribute('color');
-    expect(node).toHaveAttribute('aria-label', 'avatar');
-    expect(getComputedStyle(node)).toMatchObject({
-      width: '32px',
-      height: '32px',
-      backgroundColor: 'rgb(255, 0, 0)'
-    });
-  });
-});
-describe('TextSkeleton', () => {
-  it('denies borderRadius and color in shouldForwardProp, which SC 6 uses instead of isPropValid', () => {
-    const {
-      shouldForwardProp
-    } = TextSkeletonTag;
-    expect(shouldForwardProp?.('borderRadius')).toBe(false);
-    expect(shouldForwardProp?.('color')).toBe(false);
-    expect(shouldForwardProp?.('title')).toBe(true);
-  });
-  it('keeps style props off the DOM and still paints them', () => {
-    render(_jsx(TextSkeleton, {
-      "data-testid": "text",
-      width: 160,
-      color: "red",
-      borderRadius: "8px"
-    }));
-    const node = screen.getByTestId('text');
-    expect(node).not.toHaveAttribute('color');
-    expect(node).not.toHaveAttribute('borderradius');
-    expect(node).toHaveAttribute('data-testid', 'text');
-    expect(getComputedStyle(node)).toMatchObject({
-      width: '160px',
-      color: 'rgb(255, 0, 0)',
-      backgroundColor: 'rgb(255, 0, 0)',
-      borderRadius: '8px'
-    });
-  });
-  it('still renders a div with inline width and an inline span without it', () => {
-    render(_jsx(TextSkeleton, {
-      "data-testid": "block",
-      width: 160
-    }));
-    render(_jsx(TextSkeleton, {
-      "data-testid": "inline",
-      children: "abc"
-    }));
-    expect(screen.getByTestId('block').tagName).toBe('DIV');
-    expect(screen.getByTestId('block')).toHaveStyle({
-      width: '160px'
-    });
-    expect(screen.getByTestId('inline').tagName).toBe('SPAN');
-    expect(screen.getByTestId('inline')).not.toHaveAttribute('style');
-  });
-});

package/Spinner/__tests__/Spinner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Spinner/__tests__/Spinner.test.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { Spinner } from '../Spinner';
-describe('Spinner', () => {
-  it('sizes the box from `size` without leaking it to the DOM', () => {
-    const {
-      container
-    } = render(_jsx(Spinner, {
-      size: "medium"
-    }));
-    const box = container.firstElementChild;
-    expect(box).not.toHaveAttribute('size');
-    expect(getComputedStyle(box).width).toBe('24px');
-  });
-});

package/Switch/__tests__/Switch.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Switch/__tests__/Switch.test.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { Switch } from '../Switch';
-describe('Switch', () => {
-  it('flips on a click on the label, not only on the toggle', () => {
-    const onChange = jest.fn();
-    render(_jsx(Switch, {
-      enabled: false,
-      onChange: onChange,
-      children: "Save inbox"
-    }));
-    fireEvent.click(screen.getByText('Save inbox'));
-    expect(onChange).toHaveBeenCalledTimes(1);
-  });
-  it('flips on a click on the toggle', () => {
-    const onChange = jest.fn();
-    const {
-      container
-    } = render(_jsx(Switch, {
-      enabled: true,
-      onChange: onChange,
-      children: "Save inbox"
-    }));
-    const box = container.querySelector('[tabindex="0"]');
-    if (!box) {
-      throw new Error('toggle not rendered');
-    }
-    fireEvent.click(box);
-    expect(onChange).toHaveBeenCalledTimes(1);
-  });
-  it('stays silent while disabled, label and toggle alike', () => {
-    const onChange = jest.fn();
-    const {
-      container
-    } = render(_jsx(Switch, {
-      isDisabled: true,
-      onChange: onChange,
-      children: "Save inbox"
-    }));
-    fireEvent.click(screen.getByText('Save inbox'));
-    fireEvent.click(container.querySelector('[tabindex="0"]'));
-    expect(onChange).not.toHaveBeenCalled();
-  });
-});

package/Tabs/__tests__/TabBar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Tabs/__tests__/TabBar.test.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { Tab, TabBar, Tabs } from '..';
-describe('TabBar', () => {
-  it('adds a title column only when a title is given, without a hasTitle attribute', () => {
-    render(_jsx(Tabs, {
-      activeCode: "a",
-      onChange: jest.fn(),
-      children: _jsx(TabBar, {
-        title: "Title",
-        "data-testid": "bar",
-        children: _jsx(Tab, {
-          code: "a",
-          children: "A"
-        })
-      })
-    }));
-    const bar = screen.getByTestId('bar');
-    expect(bar).not.toHaveAttribute('hastitle');
-    expect(getComputedStyle(bar).gridTemplateColumns).toBe('max-content 1fr');
-  });
-  it('uses a single column without a title', () => {
-    render(_jsx(Tabs, {
-      activeCode: "a",
-      onChange: jest.fn(),
-      children: _jsx(TabBar, {
-        "data-testid": "bar",
-        children: _jsx(Tab, {
-          code: "a",
-          children: "A"
-        })
-      })
-    }));
-    expect(getComputedStyle(screen.getByTestId('bar')).gridTemplateColumns).toBe('1fr');
-  });
-});

package/Toast/__tests__/Toast.test.d.ts

@@ -1 +0,0 @@
-export {};

package/Toast/__tests__/Toast.test.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { Toast } from '../Toast';
-describe('Toast', () => {
-  it('slides in when open and keeps `open`/`type` off the DOM', () => {
-    render(_jsx(Toast, {
-      open: true,
-      toast: {
-        title: 'Saved',
-        type: 'success',
-        duration: false
-      },
-      onClose: jest.fn()
-    }));
-    const root = screen.getByText('Saved').closest('div[class]')?.parentElement;
-    expect(root).not.toHaveAttribute('open');
-    expect(root).not.toHaveAttribute('type');
-    expect(getComputedStyle(root).top).toBe('50px');
-  });
-});

package/WhatsAppPreview/__tests__/WhatsAppAttachment.test.d.ts

@@ -1 +0,0 @@
-export {};

package/WhatsAppPreview/__tests__/WhatsAppAttachment.test.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { WhatsAppAttachment } from '../components/WhatsAppAttachment';
-const IMAGE = {
-  name: 'promo.jpg',
-  source: 'https://example.invalid/promo.jpg',
-  kind: 'image'
-};
-describe('WhatsAppAttachment', () => {
-  it('labels a loading image without leaking the file name', () => {
-    render(_jsx(WhatsAppAttachment, {
-      attachment: IMAGE
-    }));
-    const image = screen.getByRole('img');
-    expect(image).toHaveAttribute('alt', 'Attached image');
-    expect(image.getAttribute('alt')).not.toContain('promo.jpg');
-  });
-  it('drops the image for the placeholder once the source fails', () => {
-    render(_jsx(WhatsAppAttachment, {
-      attachment: IMAGE
-    }));
-    fireEvent.error(screen.getByRole('img'));
-    expect(screen.queryByRole('img')).not.toBeInTheDocument();
-  });
-  it('retries a corrected source instead of keeping the placeholder', () => {
-    const {
-      rerender
-    } = render(_jsx(WhatsAppAttachment, {
-      attachment: IMAGE
-    }));
-    fireEvent.error(screen.getByRole('img'));
-    rerender(_jsx(WhatsAppAttachment, {
-      attachment: {
-        ...IMAGE,
-        source: 'https://example.invalid/fixed.jpg'
-      }
-    }));
-    expect(screen.getByRole('img')).toHaveAttribute('src', 'https://example.invalid/fixed.jpg');
-  });
-  it('hides an unreachable document poster but keeps the card', () => {
-    render(_jsx(WhatsAppAttachment, {
-      attachment: {
-        name: 'Price list.pdf',
-        source: 'https://example.invalid/price.pdf',
-        kind: 'document',
-        thumbnailSource: 'https://example.invalid/poster.jpg'
-      }
-    }));
-    fireEvent.error(screen.getByRole('img'));
-    expect(screen.queryByRole('img')).not.toBeInTheDocument();
-    expect(screen.getByText('Price list.pdf')).toBeInTheDocument();
-  });
-});

package/WhatsAppPreview/__tests__/WhatsAppPreview.test.d.ts

@@ -1 +0,0 @@
-export {};