import { r as registerInstance, h, H as Host } from './index-ecdfb761.js';

const khanguruUiTestOverviewCss = "khanguru-ui-test-overview{display:block;background:white}khanguru-ui-test-overview .scenario-list{-ms-flex:0 0 240px;flex:0 0 240px}khanguru-ui-test-overview .scenario-wrapper{height:100vh;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";

const scenarios = [
  {
    sectionTitle: 'Membership activation',
    scenarios: [
      {
        tag: 'khanguru-ui-test-membership-activation-1',
        name: 'Anonymous - Inactive membership of inactive user',
        description: `
          Anonymous user viewing an inactive membership belongs to an inactive user.
          User should see **activate user form**.
        `,
      },
      {
        tag: 'khanguru-ui-test-membership-activation-2',
        name: 'Anonymous - Inactive membership of active user',
        description: `
          Anonymous user is viewing an inactive membership belongs to an active user.
          User should see **login required message**.
        `,
      },
      {
        tag: 'khanguru-ui-test-membership-activation-3',
        name: 'Anonymous - Active membership of active user',
        description: `
          Anonymous user is viewing an active membership belongs to an active user.
          User should see **login required message**.
        `,
      },
      {
        tag: 'khanguru-ui-test-membership-activation-4',
        name: 'Inactive membership of active user',
        description: `
          User is viewing an inactive membership belongs to itself.
          User should see **membership activation form**.
        `,
      },
      {
        tag: 'khanguru-ui-test-membership-activation-5',
        name: 'Active user viewing wrong membership',
        description: `
          User is viewing a membership that doesn't belong to them.
          User should see **page not found error**.
        `,
      }
    ]
  }
];
const KhanguruUITestOverview = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  componentWillLoad() {
    this.selectedScenario = scenarios[0].scenarios[0];
  }
  render() {
    const Tag = this.selectedScenario.tag;
    return (h(Host, null, h("dvn-theme-provider", null, h("dvn-global-table", null), h("dvn-global-grid", null), h("dvn-global-text", null), h("notifier-wrapper", null, h("div", { class: "d-flex" }, h("div", { class: "scenario-list" }, h("dvn-menu", null, scenarios.map(scenarioSection => (h("dvn-menu-section", { "section-title": scenarioSection.sectionTitle }, scenarioSection.scenarios.map(scenario => (h("dvn-menu-item", { highlighted: scenario.tag === this.selectedScenario.tag, onClick: () => this.selectedScenario = scenario }, scenario.name)))))))), h("div", { class: "scenario-wrapper flex-grow-1" }, h(Tag, { key: Tag })))))));
  }
};
KhanguruUITestOverview.style = khanguruUiTestOverviewCss;

export { KhanguruUITestOverview as khanguru_ui_test_overview };
