TypeScript globals.element類代碼示例

  it('should allow removing courses', () => {

    // Check browser url (dashboard)
    expect(browser.driver.getCurrentUrl()).toMatch('/courses');

    // Get the number of courses present in the dashboard
    var courses1 = element.all(by.className('course-title'));
    var i = courses1.count;

    // Get and click the button to edit the last one of the courses
    var lastEditCoursesIcon = element.all(by.className('course-put-icon')).last();
    page.waitUntilElementNotVisible('#put-delete-course-modal');
    lastEditCoursesIcon.click();
    page.waitForAnimation();

    // Get and click the checkbox to allow the course's deletion
    browser.driver.findElement(by.css('label[for=delete-checkbox]')).then(function(deletionAllow) {
      deletionAllow.click();

      // Get and click the button to delete the course
      browser.driver.findElement(by.css('div.delete-div a.btn-flat')).then(function(deleteButton) {
        deleteButton.click().then(function() {
          browser.waitForAngular();

          // Get the number of courses present in the dashboard
          var courses2 = element.all(by.className('course-title'));
          var j = courses2.count;

          // Should be exactly one course less than before the deletion
          expect(Number(j.toString()) === (Number(i.toString()) - 1));
        });
      });
    });
  });

 getDropdownActionState() {
     return protractor.promise.all([
         element.all(by.css('.dropdown.open .dropdown-menu span:not(.disabled)')).count(),
         element.all(by.css('.dropdown.open .dropdown-menu span.disabled')).count(),
         element.all(by.css('.dropdown-menu')).isDisplayed()
     ]).then(args => {
         return  {
             enabled: args[0],
             disabled: args[1],
             displayed: args[2][0],
         }
     });
 }

 it('should wait on async function in conditional', async function() : Promise<any> {
   browser.get('http://www.angularjs.org');
   let todoList = element.all(by.repeater('todo in todoList.todos'));
   if ((await todoList.count()) > 1) {
     expect(todoList.get(1).getText()).toEqual('build an angular app');
   }
 });

 getFormData() {
   let mainPanel = element.all(by.css('.metron-slider-pane-edit')).last();
   return protractor.promise.all([
     mainPanel.element(by.css('.form-title')).getText(),
     mainPanel.element(by.css('input[name="sensorTopic"]')).getAttribute('value'),
     mainPanel.element(by.css('select[formcontrolname="parserClassName"]')).getAttribute('value'),
     mainPanel.element(by.css('input[formcontrolname="grokStatement"]')).getAttribute('value'),
     mainPanel.all(by.css('div[name="fieldSchema"] table tr')).getText(),
     mainPanel.all(by.css('div[name="threatTriage"] table tr')).getText(),
     mainPanel.element(by.css('input[formcontrolname="index"]')).getAttribute('value'),
     mainPanel.element(by.css('metron-config-number-spinner[name="batchSize"] input')).getAttribute('value'),
     mainPanel.all(by.css('metron-config-advanced-form input')).getAttribute('value')
   ]).then(args => {
     return  {
       title: args[0],
       parserName: args[1],
       parserType: args[2],
       grokStatement: args[3],
       fieldSchemaSummary: args[4],
       threatTriageSummary: args[5],
       indexName: args[6],
       batchSize: args[7],
       advancedConfig: args[8]
     }
   });
 }

      submitEditCourseBtn.click().then(function() {
        browser.waitForAngular();

        //The last course should have changed its name
        var editedCourse = element.all(by.className('course-title')).last();
        expect(editedCourse.getText()).toEqual('[EDITED]');
      });

 getIconButton(name: string, className: string) {
     return element.all(by.css('table>tbody>tr')).filter(row => {
         return row.all(by.tagName('td')).get(0).getText().then(pName => {
             return pName === name;
         })
     }).get(0).element(by.css(className));
 }

 getRow(name: string) {
     return element.all(by.css('table>tbody>tr')).filter(row => {
         return row.all(by.tagName('td')).get(0).getText().then(pName => {
             return pName === name;
         })
     }).get(0);
 }