@slyxup/ui 0.2.14 → 0.3.0

package/test/components.test.tsx

@@ -1,135 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import React from 'react';
-
-const mockSignIn = vi.fn().mockResolvedValue({ ok: true });
-const mockSignUp = vi.fn().mockResolvedValue({ ok: true });
-const mockSignOut = vi.fn().mockResolvedValue({ ok: true });
-
-vi.mock('@slyxup/react', () => ({
-  useAuth: () => ({
-    isLoaded: true,
-    isSignedIn: false,
-    userId: null,
-    client: {},
-    signIn: mockSignIn,
-    signUp: mockSignUp,
-    signOut: mockSignOut,
-  }),
-  useUser: () => ({
-    isLoaded: true,
-    isSignedIn: false,
-    user: null,
-    isSignedOut: true,
-    reload: vi.fn(),
-  }),
-  useSession: () => ({
-    isLoaded: true,
-    isSignedIn: false,
-    session: null,
-    reload: vi.fn(),
-  }),
-}));
-
-import { SignIn } from '../src/components/SignIn/SignIn';
-import { SignUp } from '../src/components/SignUp/SignUp';
-import { SocialButtons } from '../src/components/SocialButtons/SocialButtons';
-import { UserButton } from '../src/components/UserButton/UserButton';
-
-describe('SignIn', () => {
-  beforeEach(() => vi.clearAllMocks());
-
-  it('renders sign in heading', () => {
-    render(<SignIn />);
-    expect(screen.getByRole('heading', { name: /sign in/i })).toBeTruthy();
-  });
-
-  it('renders email and password inputs', () => {
-    render(<SignIn />);
-    expect(screen.getByLabelText(/email/i)).toBeTruthy();
-    expect(screen.getByLabelText(/password/i)).toBeTruthy();
-  });
-
-  it('renders submit button', () => {
-    render(<SignIn />);
-    expect(screen.getByRole('button', { name: /sign in/i })).toBeTruthy();
-  });
-
-  it('shows social buttons by default', () => {
-    render(<SignIn />);
-    expect(screen.getByText(/continue with google/i)).toBeTruthy();
-    expect(screen.getByText(/continue with github/i)).toBeTruthy();
-  });
-
-  it('hides social buttons when social=false', () => {
-    render(<SignIn social={false} />);
-    expect(screen.queryByText(/continue with google/i)).toBeNull();
-    expect(screen.queryByText(/continue with github/i)).toBeNull();
-  });
-
-  it('calls signIn on form submit', async () => {
-    render(<SignIn />);
-    fireEvent.change(screen.getByLabelText(/email/i), { target: { value: 'a@b.com' } });
-    fireEvent.change(screen.getByLabelText(/password/i), { target: { value: '12345678' } });
-    fireEvent.click(screen.getByRole('button', { name: /sign in/i }));
-    await waitFor(() => expect(mockSignIn).toHaveBeenCalledWith({ email: 'a@b.com', password: '12345678' }));
-  });
-
-  it('shows sign up link when onSignUpClick provided', () => {
-    const onSignUp = vi.fn();
-    render(<SignIn onSignUpClick={onSignUp} />);
-    expect(screen.getByText(/sign up/i)).toBeTruthy();
-  });
-});
-
-describe('SignUp', () => {
-  beforeEach(() => vi.clearAllMocks());
-
-  it('renders create your account heading', () => {
-    render(<SignUp />);
-    expect(screen.getByRole('heading', { name: /create your account/i })).toBeTruthy();
-  });
-
-  it('renders first name, email, password inputs', () => {
-    render(<SignUp />);
-    expect(screen.getByLabelText(/first name/i)).toBeTruthy();
-    expect(screen.getByLabelText(/email/i)).toBeTruthy();
-    expect(screen.getByLabelText(/password/i)).toBeTruthy();
-  });
-
-  it('shows social buttons by default', () => {
-    render(<SignUp />);
-    expect(screen.getByText(/continue with google/i)).toBeTruthy();
-  });
-});
-
-describe('SocialButtons', () => {
-  beforeEach(() => vi.clearAllMocks());
-
-  it('renders both providers by default', () => {
-    render(<SocialButtons />);
-    expect(screen.getByText(/continue with google/i)).toBeTruthy();
-    expect(screen.getByText(/continue with github/i)).toBeTruthy();
-  });
-
-  it('renders only specified providers', () => {
-    render(<SocialButtons providers={['google']} />);
-    expect(screen.getByText(/continue with google/i)).toBeTruthy();
-    expect(screen.queryByText(/continue with github/i)).toBeNull();
-  });
-});
-
-describe('UserButton', () => {
-  beforeEach(() => vi.clearAllMocks());
-
-  it('renders avatar', () => {
-    render(<UserButton />);
-    expect(screen.getByRole('button', { name: /account menu/i })).toBeTruthy();
-  });
-
-  it('opens dropdown on click', async () => {
-    render(<UserButton />);
-    fireEvent.click(screen.getByRole('button', { name: /account menu/i }));
-    await waitFor(() => expect(screen.getByText(/sign out/i)).toBeTruthy());
-  });
-});

package/test/icons.test.tsx

@@ -1,32 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/react';
-import React from 'react';
-import { KeyholeMark, GoogleIcon, GitHubIcon, CheckIcon } from '../src/icons';
-
-describe('KeyholeMark', () => {
-  it('renders an SVG', () => {
-    const { container } = render(<KeyholeMark />);
-    expect(container.querySelector('svg')).toBeTruthy();
-  });
-});
-
-describe('GoogleIcon', () => {
-  it('renders an SVG', () => {
-    const { container } = render(<GoogleIcon />);
-    expect(container.querySelector('svg')).toBeTruthy();
-  });
-});
-
-describe('GitHubIcon', () => {
-  it('renders an SVG', () => {
-    const { container } = render(<GitHubIcon />);
-    expect(container.querySelector('svg')).toBeTruthy();
-  });
-});
-
-describe('CheckIcon', () => {
-  it('renders an SVG', () => {
-    const { container } = render(<CheckIcon />);
-    expect(container.querySelector('svg')).toBeTruthy();
-  });
-});

package/test/styles.test.ts

@@ -1,47 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { CSS, injectStyles } from '../src/styles';
-
-describe('CSS', () => {
-  it('is a non-empty string', () => {
-    expect(typeof CSS).toBe('string');
-    expect(CSS.length).toBeGreaterThan(0);
-  });
-
-  it('contains .slyxup-root', () => {
-    expect(CSS).toContain('.slyxup-root');
-  });
-
-  it('contains --slx-accent', () => {
-    expect(CSS).toContain('--slx-accent');
-  });
-
-  it('contains dark mode media query', () => {
-    expect(CSS).toContain('prefers-color-scheme: dark');
-  });
-
-  it('contains @keyframes slx-shake', () => {
-    expect(CSS).toContain('@keyframes slx-shake');
-  });
-
-  it('contains @keyframes slx-spin', () => {
-    expect(CSS).toContain('@keyframes slx-spin');
-  });
-
-  it('contains prefers-reduced-motion', () => {
-    expect(CSS).toContain('prefers-reduced-motion');
-  });
-
-  it('contains card styles', () => {
-    expect(CSS).toContain('.slx-card');
-  });
-
-  it('contains button styles', () => {
-    expect(CSS).toContain('.slx-btn');
-  });
-});
-
-describe('injectStyles', () => {
-  it('is a function', () => {
-    expect(typeof injectStyles).toBe('function');
-  });
-});

package/tsconfig.json

@@ -1 +0,0 @@
-{ "extends": "../../tsconfig.json", "compilerOptions": { "outDir": "dist", "rootDir": "src", "jsx": "react-jsx", "lib": ["ES2022", "DOM", "DOM.Iterable"], "moduleResolution": "bundler" }, "include": ["src"] }

package/vitest.config.ts

@@ -1,2 +0,0 @@
-import { defineConfig } from 'vitest/config';
-export default defineConfig({ test: { globals: true, environment: 'happy-dom' } });