78 lines
2.4 KiB
TypeScript
78 lines
2.4 KiB
TypeScript
|
import { describe, it, expect } from 'vitest';
|
||
|
|
import { render, screen } from '@testing-library/react';
|
||
|
|
import { TestApp } from '@/test/TestApp';
|
||
|
|
import { NoteContent } from './NoteContent';
|
||
|
|
import type { NostrEvent } from '@nostrify/nostrify';
|
||
|
|
|
||
|
|
describe('NoteContent', () => {
|
||
|
|
it('linkifies URLs in kind 1 events', () => {
|
||
|
|
const event: NostrEvent = {
|
||
|
|
id: 'test-id',
|
||
|
|
pubkey: 'test-pubkey',
|
||
|
|
created_at: Math.floor(Date.now() / 1000),
|
||
|
|
kind: 1,
|
||
|
|
tags: [],
|
||
|
|
content: 'Check out this link: https://example.com',
|
||
|
|
sig: 'test-sig',
|
||
|
|
};
|
||
|
|
|
||
|
|
render(
|
||
|
|
<TestApp>
|
||
|
|
<NoteContent event={event} />
|
||
|
|
</TestApp>
|
||
|
|
);
|
||
|
|
|
||
|
|
const link = screen.getByRole('link', { name: 'https://example.com' });
|
||
|
|
expect(link).toBeInTheDocument();
|
||
|
|
expect(link).toHaveAttribute('href', 'https://example.com');
|
||
|
|
expect(link).toHaveAttribute('target', '_blank');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('linkifies URLs in kind 1111 events (comments)', () => {
|
||
|
|
const event: NostrEvent = {
|
||
|
|
id: 'test-comment-id',
|
||
|
|
pubkey: 'test-pubkey',
|
||
|
|
created_at: Math.floor(Date.now() / 1000),
|
||
|
|
kind: 1111,
|
||
|
|
tags: [
|
||
|
|
['a', '30040:pubkey:identifier'],
|
||
|
|
['k', '30040'],
|
||
|
|
['p', 'pubkey'],
|
||
|
|
],
|
||
|
|
content: 'I think the log events should be different kind numbers instead of having a `log-type` tag. That way you can use normal Nostr filters to filter the log types. Also, the `note` type should just b a kind 1111: https://nostrbook.dev/kinds/1111',
|
||
|
|
sig: 'test-sig',
|
||
|
|
};
|
||
|
|
|
||
|
|
render(
|
||
|
|
<TestApp>
|
||
|
|
<NoteContent event={event} />
|
||
|
|
</TestApp>
|
||
|
|
);
|
||
|
|
|
||
|
|
const link = screen.getByRole('link', { name: 'https://nostrbook.dev/kinds/1111' });
|
||
|
|
expect(link).toBeInTheDocument();
|
||
|
|
expect(link).toHaveAttribute('href', 'https://nostrbook.dev/kinds/1111');
|
||
|
|
expect(link).toHaveAttribute('target', '_blank');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('handles text without URLs correctly', () => {
|
||
|
|
const event: NostrEvent = {
|
||
|
|
id: 'test-id',
|
||
|
|
pubkey: 'test-pubkey',
|
||
|
|
created_at: Math.floor(Date.now() / 1000),
|
||
|
|
kind: 1111,
|
||
|
|
tags: [],
|
||
|
|
content: 'This is just plain text without any links.',
|
||
|
|
sig: 'test-sig',
|
||
|
|
};
|
||
|
|
|
||
|
|
render(
|
||
|
|
<TestApp>
|
||
|
|
<NoteContent event={event} />
|
||
|
|
</TestApp>
|
||
|
|
);
|
||
|
|
|
||
|
|
expect(screen.getByText('This is just plain text without any links.')).toBeInTheDocument();
|
||
|
|
expect(screen.queryByRole('link')).not.toBeInTheDocument();
|
||
|
|
});
|
||
|
|
});
|