Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/113363214873183742">Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 25-Oct-2024 00:56:59 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/avatar/4627-48-20250906071718.webp" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a></section><article><p>Now that Kitten¹ is rather stable, I’ve decided to write some regression tests before refactoring to add class-based route/component support (in addition to the current—easy to get started with/use—function-based workflow).</p><p>I tried using Playwright but it’s quite heavy and not quite right for my needs (Kitten is more than just a server and I need control of it during testing). ~100 lines of code later, I have something that works well using tape and JSDOM :)</p><p>¹ <a href="https://kitten.small-web.org" rel="nofollow noreferrer">https://kitten.small-web.org</a></p><p><a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/3875612#notice-7576694">In conversation</a><time datetime="2024-10-25T00:56:59+09:00" title="Friday, 25-Oct-2024 00:56:59 JST">about a year ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/113363214873183742" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/113363214873183742">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/2832937">Untitled attachment</a></label><br></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/3349070">Screenshot of terminal (iTerm on macOS) showing a split-pane layout with code on the left and the results of an `npm run -s t` command on the right.The results on the right:  🍌️ All tests passing!  Total     8
  Passing   8
  Failing   0
  Duration  2.15 secsThe code on the left:// @ts-check
import test from 'tape'
import { getDocument } from './helpers/Browser.js'
import { Kitten } from './helpers/Kitten.js'async function testNthDocumentLoad (t, n) {
  const document = await getDocument(t, 'https://localhost')
  t.equal(document.title, 'Kitten count example', 'Title is set')  const paragraphs = document.getElementsByTagName('p')
  t.equal(paragraphs.length, 1, 'There is one paragraph tag')
  t.equal(paragraphs[0]?.innerHTML, '🐱️'.repeat(n), 'Expected number of kittens found')
}test('kitten count', async t =&gt; {
  // Start Kitten.
  const kitten = await Kitten.serverRunningAt({
    path: 'examples/kitten-count',
    log: false
  })  // Load the document twice and test that the general
  // structure and kitten count are as we expect them to be.
  await testNthDocumentLoad(t, 1)
  await testNthDocumentLoad(t, 2)  // Stop Kitten.
  await kitten.stop()
  t.end()
})</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/363/214/778/655/133/original/60dd8b9c31f2e4ee.png" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/363/214/778/655/133/original/60dd8b9c31f2e4ee.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 25-Oct-2024 00:56:59 JST Aral Balkan
Now that Kitten¹ is rather stable, I’ve decided to write some regression tests before refactoring to add class-based route/component support (in addition to the current—easy to get started with/use—function-based workflow).
I tried using Playwright but it’s quite heavy and not quite right for my needs (Kitten is more than just a server and I need control of it during testing). ~100 lines of code later, I have something that works well using tape and JSDOM :)
¹ https://kitten.small-web.org
#Kitten
In conversationabout a year ago from mastodon.ar.alpermalink
Attachments
1. Untitled attachment
2. Screenshot of terminal (iTerm on macOS) showing a split-pane layout with code on the left and the results of an `npm run -s t` command on the right. The results on the right: 🍌️ All tests passing! Total 8 Passing 8 Failing 0 Duration 2.15 secs The code on the left: // @ts-check import test from 'tape' import { getDocument } from './helpers/Browser.js' import { Kitten } from './helpers/Kitten.js' async function testNthDocumentLoad (t, n) { const document = await getDocument(t, 'https://localhost') t.equal(document.title, 'Kitten count example', 'Title is set') const paragraphs = document.getElementsByTagName('p') t.equal(paragraphs.length, 1, 'There is one paragraph tag') t.equal(paragraphs[0]?.innerHTML, '🐱️'.repeat(n), 'Expected number of kittens found') } test('kitten count', async t => { // Start Kitten. const kitten = await Kitten.serverRunningAt({ path: 'examples/kitten-count', log: false }) // Load the document twice and test that the general // structure and kitten count are as we expect them to be. await testNthDocumentLoad(t, 1) await testNthDocumentLoad(t, 2) // Stop Kitten. await kitten.stop() t.end() })
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/363/214/778/655/133/original/60dd8b9c31f2e4ee.png

Public

Embed Notice

HTML Code

Corresponding Notice