ef.js

Declarative DOM helper experiment

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
import { describe, expect, mock, test } from "bun:test";

import { asyncDerived } from "../src/async.js";
import { signal } from "../src/signals.js";

function sleep(ms: number): Promise<void> {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
}

describe("asyncDerived", () => {
  test("should return pending state as an initial state", () => {
    const $c = asyncDerived(() => {
      return new Promise(() => {});
    });

    expect($c.get().isSettled).toBe(false);
  });

  test("should change to resolved state when the promise is resolved", async () => {
    const p = new Promise<void>((resolve) => {
      resolve();
    });

    const $c = asyncDerived(() => {
      return p;
    });

    await p;

    expect($c.get().isResolved).toBe(true);
  });

  test("should change to rejected state when the promise is rejected", async () => {
    const p = new Promise<void>((_, reject) => {
      reject(new Error("Sample Error"));
    });

    const $c = asyncDerived(() => {
      return p;
    });

    await p.catch(() => {});

    expect($c.get().isRejected).toBe(true);
  });

  test("should re-run when the inner dependencies got update", async () => {
    const $s = signal(1);

    const $c = asyncDerived(async (ctx) => {
      return $s.get(ctx) + 1;
    });

    await sleep(1);

    expect($c.get().isResolved).toBe(true);
    expect(($c.get() as any).data).toBe(2);

    $s.set(2);

    await sleep(1);

    expect($c.get().isResolved).toBe(true);
    expect(($c.get() as any).data).toBe(3);
  });

  test("should notify abort via AbortSignal", async () => {
    const fn = mock((_n: number) => {});
    const $s = signal(1);

    asyncDerived(async (ctx, abortSignal) => {
      const n = $s.get(ctx);

      abortSignal.addEventListener(
        "abort",
        () => {
          fn(n);
        },
        { once: true },
      );

      return n + 1;
    });

    $s.set(2);
    $s.set(3);

    await sleep(1);

    expect(fn.mock.calls).toEqual([[1], [2]]);
  });
});