d/control: depend on python3-yaml for ceph-mgr

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / e2e / rgw / buckets.po.ts

import { by, element } from 'protractor';
import { PageHelper } from '../page-helper.po';

const pages = {
  index: '/#/rgw/bucket',
  create: '/#/rgw/bucket/create'
};

export class BucketsPageHelper extends PageHelper {
  pages = pages;
  versioningStateEnabled = 'Enabled';
  versioningStateSuspended = 'Suspended';

  private async selectOwner(owner: string) {
    return this.selectOption('owner', owner);
  }

  private async selectPlacementTarget(placementTarget: string) {
    return this.selectOption('placement-target', placementTarget);
  }

  /**
   * TODO add check to verify the existance of the bucket!
   * TODO let it print a meaningful error message (for devs) if it does not exist!
   */
  @PageHelper.restrictTo(pages.create)
  async create(name: string, owner: string, placementTarget: string) {
    // Enter in bucket name
    await element(by.id('bid')).sendKeys(name);

    // Select bucket owner
    await this.selectOwner(owner);
    await expect(element(by.id('owner')).getAttribute('class')).toContain('ng-valid');

    // Select bucket placement target:
    await this.selectPlacementTarget(placementTarget);
    await expect(element(by.id('placement-target')).getAttribute('class')).toContain('ng-valid');

    // Click the create button and wait for bucket to be made
    const createButton = element(by.cssContainingText('button', 'Create Bucket'));
    await createButton.click();

    return this.waitPresence(
      this.getFirstTableCellWithText(name),
      'Timed out waiting for bucket creation'
    );
  }

  @PageHelper.restrictTo(pages.index)
  async edit(name: string, new_owner: string) {
    await this.waitClickableAndClick(this.getFirstTableCellWithText(name)); // wait for table to load and click
    await element(by.cssContainingText('button', 'Edit')).click(); // click button to move to edit page
    await this.waitTextToBePresent(this.getBreadcrumb(), 'Edit');
    await expect(element(by.css('input[name=placement-target]')).getAttribute('value')).toBe(
      'default-placement'
    );
    await this.selectOwner(new_owner);

    // Enable versioning
    await expect(element(by.css('input[id=versioning]')).getAttribute('checked')).toBeFalsy();
    await element(by.css('label[for=versioning]')).click();
    await expect(element(by.css('input[id=versioning]')).getAttribute('checked')).toBeTruthy();

    await element(by.cssContainingText('button', 'Edit Bucket')).click();

    // wait to be back on buckets page with table visible and click
    await this.waitClickableAndClick(
      this.getFirstTableCellWithText(name),
      'Could not return to buckets page and load table after editing bucket'
    );

    // check its details table for edited owner field
    let bucketDataTable = element.all(by.css('.table.table-striped.table-bordered')).first();
    await expect(bucketDataTable.getText()).toMatch(new_owner);

    // Check versioning enabled:
    const ownerValueCell = bucketDataTable
      .all(by.css('tr'))
      .get(2)
      .all(by.css('td'))
      .last();
    await expect(ownerValueCell.getText()).toEqual(new_owner);
    let versioningValueCell = bucketDataTable
      .all(by.css('tr'))
      .get(11)
      .all(by.css('td'))
      .last();
    await expect(versioningValueCell.getText()).toEqual(this.versioningStateEnabled);

    // Disable versioning:
    await this.uncheckAllTableRows();
    await this.waitClickableAndClick(this.getFirstTableCellWithText(name)); // wait for table to load and click
    await element(by.cssContainingText('button', 'Edit')).click(); // click button to move to edit page
    await this.waitTextToBePresent(this.getBreadcrumb(), 'Edit');
    await element(by.css('label[for=versioning]')).click();
    await expect(element(by.css('input[id=versioning]')).getAttribute('checked')).toBeFalsy();
    await element(by.cssContainingText('button', 'Edit Bucket')).click();

    // Check versioning suspended:
    await this.waitClickableAndClick(
      this.getFirstTableCellWithText(name),
      'Could not return to buckets page and load table after editing bucket'
    );
    bucketDataTable = element.all(by.css('.table.table-striped.table-bordered')).first();
    versioningValueCell = bucketDataTable
      .all(by.css('tr'))
      .get(11)
      .all(by.css('td'))
      .last();
    return expect(versioningValueCell.getText()).toEqual(this.versioningStateSuspended);
  }

  async testInvalidCreate() {
    await this.navigateTo('create');
    const nameInputField = element(by.id('bid')); // Grabs name box field

    // Gives an invalid name (too short), then waits for dashboard to determine validity
    await nameInputField.sendKeys('rq');

    await element(by.id('owner')).click(); // To trigger a validation

    await this.waitFn(async () => {
      // Waiting for website to decide if name is valid or not
      const klass = await nameInputField.getAttribute('class');
      return !klass.includes('ng-pending');
    }, 'Timed out waiting for dashboard to decide bucket name validity');

    // Check that name input field was marked invalid in the css
    await expect(nameInputField.getAttribute('class')).toContain('ng-invalid');

    // Check that error message was printed under name input field
    await expect(element(by.css('#bid + .invalid-feedback')).getText()).toMatch(
      'The value is not valid.'
    );

    // Test invalid owner input
    // select some valid option. The owner drop down error message will not appear unless a valid user was selected at
    // one point before the invalid placeholder user is selected.
    await this.selectOwner('dev');

    // select the first option, which is invalid because it is a placeholder
    await this.selectOwner('Select a user');

    await nameInputField.click();

    // Check that owner drop down field was marked invalid in the css
    await expect(element(by.id('owner')).getAttribute('class')).toContain('ng-invalid');

    // Check that error message was printed under owner drop down field
    await expect(element(by.css('#owner + .invalid-feedback')).getText()).toMatch(
      'This field is required.'
    );

    // Check invalid placement target input
    await this.selectOwner('dev');
    // The drop down error message will not appear unless a valid option is previsously selected.
    await this.selectPlacementTarget('default-placement');
    await this.selectPlacementTarget('Select a placement target');
    await nameInputField.click(); // Trigger validation
    await expect(element(by.id('placement-target')).getAttribute('class')).toContain('ng-invalid');
    await expect(element(by.css('#placement-target + .invalid-feedback')).getText()).toMatch(
      'This field is required.'
    );

    // Clicks the Create Bucket button but the page doesn't move. Done by testing
    // for the breadcrumb
    await element(by.cssContainingText('button', 'Create Bucket')).click(); // Clicks Create Bucket button
    await this.waitTextToBePresent(this.getBreadcrumb(), 'Create');
    // content in fields seems to subsist through tests if not cleared, so it is cleared
    await nameInputField.clear();
    return element(by.cssContainingText('button', 'Cancel')).click();
  }

  async testInvalidEdit(name: string) {
    await this.navigateTo();

    await this.waitClickableAndClick(this.getFirstTableCellWithText(name)); // wait for table to load and click
    await element(by.cssContainingText('button', 'Edit')).click(); // click button to move to edit page

    await this.waitTextToBePresent(this.getBreadcrumb(), 'Edit');

    await expect(element(by.css('input[id=versioning]')).getAttribute('checked')).toBeFalsy();

    // Chooses 'Select a user' rather than a valid owner on Edit Bucket page
    // and checks if it's an invalid input

    // select the first option, which is invalid because it is a placeholder
    await this.selectOwner('Select a user');

    // Changes when updated to bootstrap 4 -> Error message takes a long time to appear unless another field
    // is clicked on. For that reason, I'm having the test click on the edit button before checking for errors
    await element(by.cssContainingText('button', 'Edit Bucket')).click();

    // Check that owner drop down field was marked invalid in the css
    await expect(element(by.id('owner')).getAttribute('class')).toContain('ng-invalid');

    // Check that error message was printed under owner drop down field
    await expect(element(by.css('#owner + .invalid-feedback')).getText()).toMatch(
      'This field is required.'
    );

    await this.waitTextToBePresent(this.getBreadcrumb(), 'Edit');
  }
}