aaronmcadam

/**
 * Unit tests for the <Protect> server component.
 *
 * RSC testing is still evolving — there's no official vitest/RTL support for
 * async server components yet. We call the component function directly and
 * render the result with renderToString in a node environment.
 *
 * @see https://aurorascharff.no/posts/running-tests-with-rtl-and-vitest-on-internationalized-react-server-components-in-nextjs-app-router/
 */
import { test, expect, vi } from 'vitest'

aaronmcadam

import { createModel } from 'xstate/lib/model';
import { GeneralInfoFormValues } from '../create-project-screen/project-wizard/project-wizard-steps/general-info-panel';
import { ArtistInfoFormValues } from '../create-project-screen/project-wizard/project-wizard-steps/artist-info-panel';
import { PlaylistFormValues } from '../create-project-screen/project-wizard/project-wizard-steps/playlist-panel';
import { SocialMediaLinksFormValues } from '../create-project-screen/project-wizard/project-wizard-steps/social-media-links-panel';

export interface ProjectWizardContext {
  currentStepNumber: number;
  generalInfo: GeneralInfoFormValues;
  artistInfo: ArtistInfoFormValues;

aaronmcadam

import {
  Box,
  Button,
  ButtonGroup,
  CalendarIconSolid,
  ChevronLeftIconSolid,
  ChevronRightIconSolid,
  Divider,
  Heading,
  HStack,

aaronmcadam

import { chakra, HTMLChakraProps, useToken } from '@backstage/spotlight';

export interface TikTokIconProps extends HTMLChakraProps<'svg'> {
  color?: string;
}

export function TikTokIcon(props: TikTokIconProps) {
  const { color = 'currentColor', ...svgProps } = props;
  const iconColor = useToken('colors', color);

aaronmcadam

import { ArgsTable, Meta, Story, Canvas } from '@storybook/addon-docs'; import { HStack, Icon, chakra } from '../..'; import { Button, SpotlightMailIcon2, SpotlightMailIcon, SpotlightPlusIcon, } from './button'; import { MailIcon, PlusIcon as SolidPlusIcon } from '@heroicons/react/solid';

aaronmcadam

import { Button } from '@chakra-ui/core';
import { ButtonProps } from '@chakra-ui/core/dist/Button';
import * as React from 'react';
import {
  Link as ReactRouterLink,
  LinkProps as RouterLinkProps
} from 'react-router-dom';

type ButtonLinkProps = ButtonProps & RouterLinkProps;

aaronmcadam

import { capitalize, downTo } from "./helpers";

export class Bottles {
  song() {
    return this.verses(99, 0);
  }

  verses(from, to) {
    return downTo(from, to)
      .map((i) => this.verse(i))

aaronmcadam

/**
 * Inspired by https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/examples/CustomLink.js
 */
function MenuLink({
  to,
  isActiveOnlyWhenExact,
  children,
}: {
  to: string,
  isActiveOnlyWhenExact?: boolean,

aaronmcadam

import React from 'react';
import { act, render, screen, userEvent } from '../../../../testUtils';
import { LocalisationsScreen } from './LocalisationsScreen';

/**
 * This test makes extensive use of `act` to ensure that hooks are rendered correctly.
 * @see https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning
 */
test('allows authors to create a localisation file', async () => {
  const handleCreateFileButtonClick = jest.fn();

aaronmcadam

import React from 'react';
import { act, render, screen, userEvent } from '../../../../testUtils';
import { LocalisationsScreen } from './LocalisationsScreen';

test('allows authors to add new keys for a draft localisation file', async () => {
  render(<LocalisationsScreen />);
  const addKeyButton = screen.getByRole('button', { name: 'Add key' });
  userEvent.click(addKeyButton);

  const keyNameInput = screen.getByLabelText('Key name');