mirror of
https://github.com/Permissionless-Software-Foundation/psf-memo.git
synced 2026-09-21 16:52:01 -07:00
Chris Troutner
6c7952f469
Render http(s) URLs and bare domains in post text as anchors that open in a new tab. Explicit URLs keep their scheme; bare domains get an https href while their visible text stays as written. Embeddable YouTube links keep their embedded-player behavior. By coder.
50 lines
1.9 KiB
JavaScript
50 lines
1.9 KiB
JavaScript
/*
|
|
Unit tests for the post content renderer.
|
|
|
|
The renderer turns post text into static HTML: http(s) URLs and bare domains
|
|
become anchors that open in a new tab, while embeddable YouTube links keep
|
|
their embedded-player behavior.
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
const test = require('node:test')
|
|
const assert = require('node:assert/strict')
|
|
const React = require('react')
|
|
const ReactDOMServer = require('react-dom/server')
|
|
const PostContent = require('../../src/components/post-feed/post-content')
|
|
|
|
function render (text) {
|
|
return ReactDOMServer.renderToStaticMarkup(React.createElement(PostContent, { text }))
|
|
}
|
|
|
|
test('renders an http URL as an anchor that opens in a new tab', () => {
|
|
const html = render('visit https://memo.fullstackcash.net for details')
|
|
assert.match(html, /<a[^>]+href="https:\/\/memo\.fullstackcash\.net"/)
|
|
assert.match(html, /<a[^>]+target="_blank"/)
|
|
assert.match(html, /<a[^>]+rel="noopener noreferrer"/)
|
|
})
|
|
|
|
test('renders an http URL with its original scheme', () => {
|
|
const html = render('link http://example.com/path here')
|
|
assert.match(html, /<a[^>]+href="http:\/\/example\.com\/path"/)
|
|
})
|
|
|
|
test('renders a bare domain as an https anchor with unchanged visible text', () => {
|
|
const html = render('go to www.example.com now')
|
|
assert.match(html, /<a[^>]+href="https:\/\/www\.example\.com"/)
|
|
assert.match(html, />www\.example\.com<\/a>/)
|
|
})
|
|
|
|
test('renders no anchor for plain text', () => {
|
|
const html = render('just a normal memo')
|
|
assert.doesNotMatch(html, /<a[\s>]/)
|
|
})
|
|
|
|
test('renders an embedded YouTube player and a separate link together', () => {
|
|
const html = render('watch https://youtu.be/dQw4w9WgXcQ then read https://memo.fullstackcash.net')
|
|
assert.match(html, /<iframe[^>]+src="https:\/\/www\.youtube\.com\/embed\/dQw4w9WgXcQ"/)
|
|
assert.match(html, /<a[^>]+href="https:\/\/memo\.fullstackcash\.net"/)
|
|
assert.doesNotMatch(html, /<a[^>]+href="https:\/\/youtu\.be\/dQw4w9WgXcQ"/)
|
|
})
|