Function defineTestElement

packages/task/src/test/task_test.ts:43–97

(
    config?: Partial<TaskConfig<unknown[], string>>
  )

  }

  const defineTestElement = (
    config?: Partial<TaskConfig<unknown[], string>>
  ) => {
    class A extends ReactiveElement {
      task: Task;

      @property()
      a = 'a';
      @property()
      b = 'b';
      @property()
      c?: string;

      resolveTask!: () => void;
      rejectTask!: (error: string | undefined) => void;
      signal?: AbortSignal;

      taskValue?: string;
      renderedStatus?: string;

      constructor() {
        super();
        const taskConfig = {
          task: (args: readonly unknown[], options?: TaskFunctionOptions) =>
            new Promise((resolve, reject) => {
              this.rejectTask = (error) => reject(error);
              this.resolveTask = () => resolve(args.join(','));
              const signal = (this.signal = options?.signal);
              if (signal?.aborted) {
                reject(signal.reason);
              } else {
                signal?.addEventListener('abort', () => {
                  reject(signal.reason);
                });
              }
            }),
        };
        Object.assign(taskConfig, config);
        this.task = new Task(this, taskConfig);
      }

      override update(changedProperties: PropertyValues): void {
        super.update(changedProperties);
        this.taskValue = (this.task.value as string) ?? this.task.error;
        this.task.render({
          initial: () => (this.renderedStatus = 'initial'),
          pending: () => (this.renderedStatus = 'pending'),
          complete: (value: unknown) => (this.renderedStatus = value as string),
          error: (error: unknown) => (this.renderedStatus = error as string),
        });
      }
    }
    customElements.define(generateElementName(), A);
    return A;
  };

  const renderElement = async (el: TestElement) => {
    container.appendChild(el);