nycJSorg/angular-presentation

import {
  AfterViewInit,
  Component,
  EventEmitter,
  Input,
  OnChanges,
  Output,
  SimpleChanges
} from '@angular/core';
import { TestInfo } from '../../shared/interfaces/test-info';
import { FileConfig } from '../../shared/interfaces/file-config';
import { TestRunResult } from '@codelab/utils/src/lib/test-results/common';

declare const require;

@Component({
  selector: 'codelab-babel-test-runner',
  templateUrl: './babel-test-runner.component.html',
  styleUrls: ['./babel-test-runner.component.css']
})
export class BabelTestRunnerComponent implements AfterViewInit, OnChanges {
  @Input() bootstrap: string;
  tests: Array<TestInfo> = [];
  @Input() translations: { [key: string]: string } = {};
  @Input() code: any;
  @Output() solved: EventEmitter<boolean> = new EventEmitter<boolean>();

  constructor() {}

  result: TestRunResult = { tests: [] };

  ngOnChanges(changes: SimpleChanges) {
    if (changes.code) {
      this.run(this.code);
    }
  }

  run(files: any) {
    const test = files[this.bootstrap + '.ts.execute'];
    try {
      this.tests = test(files);
      this.result = {
        tests: this.tests.map(test => {
          const name =
            this.translations[test.title.replace('@@', '')] || test.title;

          return {
            ...test,
            name,
            error: test.result,
            pass: !!test.pass
          };
        })
      };

      const isSolved = this.result.tests.every(a => a.pass);
      this.solved.emit(isSolved);
    } catch (e) {
      this.tests.find(t => !t.pass).result = '[Parsing error]' + e;
    }
  }

  selectFile(file: FileConfig) {
    // this.parent.currentFile = file;
  }

  ngAfterViewInit(): void {
    // this.parent.files$.subscribe(files => requestAnimationFrame(() => this.run(files)));
  }
}