test: general test edits (#29)

* edits across test files

Author: shtaif

spec/tests/Iterate.spec.tsx

@@ -2,6 +2,7 @@ import { it, describe, expect, afterEach, vi } from 'vitest';
 import { gray } from 'colorette';
 import { render, cleanup as cleanupMountedReactTrees, act } from '@testing-library/react';
 import { Iterate, It, type IterationResult } from '../../src/index.js';
+import { asyncIterOf } from '../utils/asyncIterOf.js';
 import { IteratorChannelTestHelper } from '../utils/IteratorChannelTestHelper.js';
 
 afterEach(() => {
@@ -634,12 +635,10 @@ describe('`Iterate` component', () => {
 
   it(
     gray(
-      'When given a rapid yielding iterable, consecutive values are batched into a single render that takes only the last value'
+      'When given a rapid-yielding iterable, consecutive values are batched into a single render that takes only the last value'
     ),
     async () => {
-      const iter = (async function* () {
-        yield* ['a', 'b', 'c'];
-      })();
+      const iter = asyncIterOf('a', 'b', 'c');
       let timesRerendered = 0;
       let lastRenderFnInput: undefined | IterationResult<string | undefined>;
 
@@ -669,9 +668,7 @@ describe('`Iterate` component', () => {
   );
 
   it(
-    gray(
-      'When given iterable yields consecutive identical values the hook will not consequently re-render'
-    ),
+    gray('When given iterable yields consecutive identical values the hook will not re-render'),
     async () => {
       let timesRerendered = 0;
       let lastRenderFnInput: undefined | IterationResult<string | undefined>;

spec/tests/iterateFormatted.spec.tsx

@@ -3,6 +3,7 @@ import { gray } from 'colorette';
 import { render, cleanup as cleanupMountedReactTrees, act } from '@testing-library/react';
 import { iterateFormatted, Iterate } from '../../src/index.js';
 import { pipe } from '../utils/pipe.js';
+import { asyncIterOf } from '../utils/asyncIterOf.js';
 import { asyncIterToArray } from '../utils/asyncIterToArray.js';
 import { IteratorChannelTestHelper } from '../utils/IteratorChannelTestHelper.js';
 
@@ -28,9 +29,7 @@ describe('`iterateFormatted` function', () => {
     ),
     async () => {
       const multiFormattedIter = pipe(
-        (async function* () {
-          yield* ['a', 'b', 'c'];
-        })(),
+        asyncIterOf('a', 'b', 'c'),
         $ => iterateFormatted($, (value, i) => `${value} formatted once (idx: ${i})`),
         $ => iterateFormatted($, (value, i) => `${value} and formatted twice (idx: ${i})`)
       );

spec/tests/useAsyncIter.spec.ts

@@ -2,6 +2,7 @@ import { it, describe, expect, afterEach, vi } from 'vitest';
 import { gray } from 'colorette';
 import { cleanup as cleanupMountedReactTrees, act, renderHook } from '@testing-library/react';
 import { useAsyncIter } from '../../src/index.js';
+import { asyncIterOf } from '../utils/asyncIterOf.js';
 import { IteratorChannelTestHelper } from '../utils/IteratorChannelTestHelper.js';
 
 afterEach(() => {
@@ -447,13 +448,11 @@ describe('`useAsyncIter` hook', () => {
 
   it(
     gray(
-      'When given a rapid yielding iterable, consecutive values are batched into a single render that takes only the last value'
+      'When given a rapid-yielding iterable, consecutive values are batched into a single render that takes only the last value'
     ),
     async () => {
       let timesRerendered = 0;
-      const iter = (async function* () {
-        yield* ['a', 'b', 'c'];
-      })();
+      const iter = asyncIterOf('a', 'b', 'c');
 
       const renderedHook = renderHook(() => {
         timesRerendered++;
@@ -473,9 +472,7 @@ describe('`useAsyncIter` hook', () => {
   );
 
   it(
-    gray(
-      'When given iterable yields consecutive identical values the hook will not consequently re-render'
-    ),
+    gray('When given iterable yields consecutive identical values the hook will not re-render'),
     async () => {
       let timesRerendered = 0;
       const channel = new IteratorChannelTestHelper<string>();