import './index';
import { $$ } from 'common-sk/modules/dom';
import { manyParams } from '../shared_demo_data';
import { EditIgnoreRuleSk } from './edit-ignore-rule-sk';
import { EditIgnoreRuleSkPO } from './edit-ignore-rule-sk_po';

Date.now = () => Date.parse('2020-02-01T00:00:00Z');

function newEditIgnoreRule(
    parentSelector: string,
    query = '',
    expires = '',
    note = ''): {el: EditIgnoreRuleSk, po: EditIgnoreRuleSkPO} {
  const el = new EditIgnoreRuleSk();
  el.paramset = manyParams;
  el.query = query;
  el.expires = expires;
  el.note = note;
  $$(parentSelector)!.appendChild(el);
  return {el: el, po: new EditIgnoreRuleSkPO(el)};
}

async function populate() {
   newEditIgnoreRule('#empty');

  const {po: filledPO} = newEditIgnoreRule('#filled',
    'alpha_type=Opaque&compiler=GCC&cpu_or_gpu_value=Adreno540&cpu_or_gpu_value=GTX660&'
    + 'name=01_original.jpg_0.333&source_options=codec_animated_kNonNative_unpremul',
    '2020-02-03T00:00:00Z', 'this is my note');
  await (await filledPO.getQuerySkPO()).clickKey('alpha_type');

  const {el: missing} = newEditIgnoreRule('#missing');
  missing.verifyFields();

  const {po: partialCustomValuesPO} = newEditIgnoreRule('#partial_custom_values');
  await partialCustomValuesPO.setCustomKey('oops');
  await partialCustomValuesPO.clickAddCustomParamBtn();
}

populate();