index.test.js

'use strict';

const assert = require('node:assert/strict');
const test = require('node:test');

const plugin = require('./index');

function createReactMock() {
  return {
    PureComponent: class PureComponent {
      constructor(props) {
        this.props = props;
      }
    },
    createElement(type, props) {
      return {type, props};
    }
  };
}

test('uses the active tab title as the document title', () => {
  const React = createReactMock();
  const Header = function Header() {};
  const DecoratedHeader = plugin.decorateHeader(Header, {React});
  const component = new DecoratedHeader({
    tabs: [
      {title: 'first project', isActive: false},
      {title: 'active project', isActive: true}
    ]
  });

  global.document = {title: 'Hyper'};
  component.componentDidMount();

  assert.equal(document.title, 'active project');
  assert.deepEqual(component.render(), {type: Header, props: component.props});
});

test('updates the title when the active tab changes', () => {
  const React = createReactMock();
  const DecoratedHeader = plugin.decorateHeader(function Header() {}, {React});
  const component = new DecoratedHeader({tabs: [{title: 'one', isActive: true}]});

  global.document = {title: 'Hyper'};
  component.componentDidMount();
  component.props = {tabs: [{title: 'two', isActive: true}]};
  component.componentDidUpdate();

  assert.equal(document.title, 'two');
});

test('falls back to Hyper when no active title is available', () => {
  const React = createReactMock();
  const DecoratedHeader = plugin.decorateHeader(function Header() {}, {React});
  const component = new DecoratedHeader({tabs: [{title: '', isActive: true}]});

  global.document = {title: 'previous title'};
  component.componentDidMount();

  assert.equal(document.title, 'Hyper');
});

test('restores the default title when unloaded', () => {
  const React = createReactMock();
  const DecoratedHeader = plugin.decorateHeader(function Header() {}, {React});
  const component = new DecoratedHeader({tabs: [{title: 'project', isActive: true}]});

  global.document = {title: 'project'};
  component.componentWillUnmount();

  assert.equal(document.title, 'Hyper');
});

test('locks each terminal to the launcher profile until it exits', () => {
  const React = createReactMock();
  const Term = plugin.decorateTerm(function Term() {}, {React});
  const titles = [];
  const component = new Term({onTitle: title => titles.push(title)});
  const onTitle = component.render().props.onTitle;
  onTitle('__MULTICLI_TITLE_LOCK__:vivi');
  onTitle('Task generated by Codex | project');
  assert.deepEqual(titles, ['vivi']);
  const otherTitles = [];
  const other = new Term({onTitle: title => otherTitles.push(title)});
  other.render().props.onTitle('__MULTICLI_TITLE_LOCK__:nino');
  assert.deepEqual(otherTitles, ['nino']);
  assert.deepEqual(titles, ['vivi']);
  onTitle('__MULTICLI_TITLE_UNLOCK__');
  onTitle('shell directory');
  assert.deepEqual(titles, ['vivi', 'Hyper', 'shell directory']);
});

test('enables the launcher title protocol without losing existing environment', () => {
  assert.deepEqual(plugin.decorateConfig({env: {EXAMPLE: 'preserved'}}).env,
    {EXAMPLE: 'preserved', NINI_AGENTS_HYPER_TITLE_LOCK: '1'});
});