@slyxup/ui 0.2.0 → 0.2.1

package/test/icons.test.tsx

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,47 @@
+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/vitest.config.ts

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