Netcatty/components/editor/TextEditorPane.test.tsx

import test from "node:test";
import assert from "node:assert/strict";
import React from "react";
import { renderToStaticMarkup } from "react-dom/server";

import {
  canPromoteTextEditor,
  isTextEditorReadOnly,
  TextEditorPromoteButton,
} from "./TextEditorPane.tsx";

test("disables promoting a modal editor to a tab while a save is running", () => {
  assert.equal(canPromoteTextEditor({ saving: true }), false);
  assert.equal(canPromoteTextEditor({ saving: false }), true);
  assert.equal(isTextEditorReadOnly({ saving: true }), true);
  assert.equal(isTextEditorReadOnly({ saving: false }), false);
});

test("renders the promote button disabled while a save is running", () => {
  const savingMarkup = renderToStaticMarkup(
    React.createElement(TextEditorPromoteButton, {
      saving: true,
      onPromoteToTab: () => {},
      title: "Maximize",
    }),
  );
  const idleMarkup = renderToStaticMarkup(
    React.createElement(TextEditorPromoteButton, {
      saving: false,
      onPromoteToTab: () => {},
      title: "Maximize",
    }),
  );

  assert.match(savingMarkup, /disabled=""/);
  assert.doesNotMatch(idleMarkup, /disabled=""/);
});