import { browser, element, by } from 'protractor';

describe('Router basic tutorial e2e tests', () => {

  beforeEach(() => {
    browser.get('');
  });

  it('should display Angular Router Sample', () => {
    expect(element(by.css('h1')).getText()).toBe('Angular Router Sample');
  });

  it('should display Crisis Center button', () => {
    expect(element.all(by.css('a')).get(0).getText()).toBe('Crisis Center');
  });

  it('should display Heroes button', () => {
    expect(element.all(by.css('a')).get(1).getText()).toBe('Heroes');
  });

  it('should display HEROES', () => {
    expect(element(by.css('h3')).getText()).toBe('HEROES');
  });

  it('should change to display crisis list component', async () => {
    const crisisButton = element.all(by.css('a')).get(0);
    await crisisButton.click();
    expect(element(by.css('h3')).getText()).toBe('CRISIS CENTER');
  });

  it('should change to display heroes component', async () => {
    const heroesButton = element.all(by.css('a')).get(1);
    await heroesButton.click();
    expect(element(by.css('h3')).getText()).toBe('HEROES');
  });

  it('should use wildcard route', async () => {
    browser.get('/fake-page');
    expect(browser.getCurrentUrl()).toContain('fake-page');
    expect(element(by.css('h2')).getText()).toBe('Page Not Found');
  });
});