Files
hyprcrd/public/plugins/tests/favorites.test.js
T
thandClaude Opus 4.6 c8835825e7 test fixes: dialog selector, closeAll scope, copy filter, runner ?v=3
* card-interactions.test.js: group delete tests used `.dialog-ok`
  (class selector) but the button has `id="dialog-ok"`. querySelector
  returned null, the click was skipped, the dialog stayed open and
  blocked every downstream test. Fixed to getElementById.
* runner.js closeAll(): added #dialog, #bucket-super-popover (remove),
  and #gitea-overlay to the cleanup list. A failed test that leaves any
  of these open no longer poisons the rest of the suite.
* runner.js copy handler: when there are failures or flaky tests, the
  "copy" button now builds the clipboard text from lastResults —
  only failed + flaky lines (suite name, test name, timing, error,
  original error for retried). When everything passed, copies the
  full output as before. lastResults is set in renderResults().
* bucket-context.test.js: move-left test used `[data-bucket]` to find
  user bucket tabs, which misses super-bucket tiles (they carry
  `data-bucket-super`). Changed to `[data-bucket-drag]` which is on
  both regular and super-bucket tiles but not on fixed filters.
* context-menu.test.js: make-ticket pre-fill assertion now polls up
  to 2s for the title input to be populated (async openCreateForm
  repo-fetch was racing against the immediate assertion).
* card-join.test.js: clickJoin sleep bumped from 400ms → 800ms.
  joinSelectedCards does 3+ serial API calls (fetch bodies, PATCH
  winner, N×DELETE losers, _reloadAll) which sometimes exceeded the
  old 400ms window on slow runs.
* Runner cache: RUNNER_V bumped from ?v=2 → ?v=3 in loader.js + all
  42 test files so the browser picks up the new runner.js content
  (copy handler, closeAll, retry progress bar) without a hard reload.

super-buckets: remember last selection per group

* buckets.js: module-scope lastSuperSelection Map tracks the last
  active member per super-bucket parent. Updated in renderBar()
  whenever activeBucket matches a group member. tileFor() uses it
  as a fallback when the user is on a different bucket — the tile
  shows the last-picked child's name and color instead of reverting
  to the parent. The dropdown popover also highlights the last
  selection when no member is currently active.

chore: bump version to 0.9.11

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-12 10:05:38 +02:00

79 lines
3.1 KiB
JavaScript

import { describe, it, afterEach, expect, $, $$, click, sleep, closeAll, csrf } from './runner.js?v=3';
import { state } from '../../js/modules/state.js';
describe('Favorites Bucket', () => {
afterEach(() => closeAll());
it('favorites tab exists', () => {
expect(document.querySelector('#bucket-bar [data-bucket="favorites"]')).toExist();
});
it('favorites bucket shows only favorited cards', async () => {
// Create a card and favorite it
const card = await fetch('api/cards', {
method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': csrf() },
body: JSON.stringify({ title: '__test_fav_card__', body: '', color: '#fbbf24' }),
}).then(r => r.json());
await window._reloadAll?.();
await sleep(200);
// Toggle favorite via localStorage
const favs = JSON.parse(localStorage.getItem('hyprcrd-favorites') || '[]');
favs.push(String(card.id));
localStorage.setItem('hyprcrd-favorites', JSON.stringify(favs));
// Switch to favorites bucket
click(document.querySelector('#bucket-bar [data-bucket="favorites"]'));
await sleep(200);
const visibleCards = $$('#board [data-id]');
const hasFav = visibleCards.some(c => c.dataset.id == card.id);
expect(hasFav).toBe(true);
// Clean up
const cleaned = favs.filter(f => f != String(card.id));
localStorage.setItem('hyprcrd-favorites', JSON.stringify(cleaned));
click(document.querySelector('#bucket-bar [data-bucket="all"]'));
await sleep(100);
});
});
describe('Card: Todo Progress Bar', () => {
afterEach(() => closeAll());
it('card with todos shows progress segments', async () => {
const card = await fetch('api/cards', {
method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': csrf() },
body: JSON.stringify({ title: '__test_progress__', body: '- [ ] one\n- [x] two\n- [ ] three', color: '#38bdf8' }),
}).then(r => r.json());
await window._reloadAll?.();
await sleep(200);
const cardEl = document.querySelector(`[data-id="${card.id}"]`);
if (!cardEl) return;
const progress = cardEl.querySelector('.todo-progress');
expect(progress).toExist();
const segs = progress?.querySelectorAll('.todo-seg');
expect(segs.length).toBe(3);
// One segment should have card color background (done), others have border color
const doneSegs = [...(segs || [])].filter(s => !s.style.background.includes('var(--t-border)'));
expect(doneSegs.length).toBe(1);
});
});
describe('Detail: Split Pane', () => {
afterEach(() => closeAll());
it('split-right button exists in detail', async () => {
if (!$('#board-preview')?.classList.contains('hidden')) {
click('#board-split-toggle');
await sleep(100);
}
const card = $('#board [data-id]');
if (!card) return;
click(card);
await sleep(300);
expect($('#split-right-btn') || document.querySelector('[data-action="split"]')).toExist();
});
});