Function tests

adev/src/content/examples/form-validation/e2e/src/app.e2e-spec.ts:69–149

(title: string)

}

function tests(title: string) {
  it('should display correct title', async () => {
    expect(await page.title.getText()).toContain(title);
  });

  it('should not display submitted message before submit', async () => {
    expect(await page.actorSubmitted.isElementPresent(by.css('p'))).toBe(false);
  });

  it('should have form buttons', async () => {
    expect(await page.actorFormButtons.count()).toEqual(2);
  });

  it('should have error at start', async () => {
    await expectFormIsInvalid();
  });

  // it('showForm', () => {
  //   page.form.getInnerHtml().then(html => console.log(html));
  // });

  it('should have disabled submit button', async () => {
    expect(await page.actorFormButtons.get(0).isEnabled()).toBe(false);
  });

  it('resetting name to valid name should clear errors', async () => {
    const ele = page.nameInput;
    expect(await ele.isPresent()).toBe(true, 'nameInput should exist');
    await ele.clear();
    await ele.sendKeys(testName);
    await expectFormIsValid();
  });

  it('should produce "required" error after clearing name', async () => {
    await page.nameInput.clear();
    // await page.roleInput.click(); // to blur ... didn't work
    await page.nameInput.sendKeys('x', protractor.Key.BACK_SPACE); // ugh!
    expect(await page.form.getAttribute('class')).toMatch('ng-invalid');
    expect(await page.errorMessages.get(0).getText()).toContain('required');
  });

  it('should produce "at least 4 characters" error when name="x"', async () => {
    await page.nameInput.clear();
    await page.nameInput.sendKeys('x'); // too short
    await expectFormIsInvalid();
    expect(await page.errorMessages.get(0).getText()).toContain('at least 4 characters');
  });

  it('resetting name to valid name again should clear errors', async () => {
    await page.nameInput.sendKeys(testName);
    await expectFormIsValid();
  });

  it('should have enabled submit button', async () => {
    const submitBtn = page.actorFormButtons.get(0);
    expect(await submitBtn.isEnabled()).toBe(true);
  });