TypeScript jasmine-data-provider.default函數代碼示例

describe('Carousel page tests on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/carousel');
    browser.ignoreSynchronization = true;
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
    inputInterval.clear();
  });
  it('Carousel default count', () => {
    expect(slidesCount.count()).toBe(4);
  });
  it('Carousel count after adding slides', () => {
    buttonAddSlide.click();
    buttonAddSlide.click();
    expect(slidesCount.count()).toBe(6);
  });
  it('Change the slides by Rigth/left controls ', () => {
    controlRight.click();
    expect($(getSlideNumber('2')).getAttribute('class')).toContain('active');
    controlLeft.click();
    expect($(getSlideNumber('1')).getAttribute('class')).toContain('active');
  });
  it('Disable slide looping. Right/Left sides', () => {
    checkboxDisableLopping.click();
    controlLeft.click();
    expect($(getSlideNumber('1')).getAttribute('class')).toContain('active');
    doClick(controlRight, 7);
    expect($(getSlideNumber('6')).getAttribute('class')).toContain('active');
    checkboxDisableLopping.click();
  });
  it('Slide lopping on Right/left sides', () => {
    doClick(controlRight, 1);
    expect($(getSlideNumber('1')).getAttribute('class')).toContain('active');
    controlLeft.click();
    expect($(getSlideNumber('6')).getAttribute('class')).toContain('active');
  });
  it('Change the slides by time', () => {
    browser.refresh();
    inputInterval.clear();
    inputInterval.sendKeys(`1500`);
    browser.sleep(2010);
    expect($(getSlideNumber('2')).getAttribute('class')).toContain('active');
    controlLeft.click();
  });
  using (DataProvider.carouselSlidesTexts, (data:any, description:string) => {
    it ('Check table texts: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
      controlRight.click();
    });
  });
});

describe('Typeahead page tests on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/typeahead');
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
    browser.ignoreSynchronization = false;
  });

  using(DataProvider.typeaheadDefaultTexts, (data: any, description: string) => {
    it('Check default texts: ' + description, () => {
      expect(data.element().getText()).toContain(data.actualResult);
    });
  });

  using(DataProvider.inputDifferentData, (data: any, description: string) => {
    it('Check input fields with different data: ' + description, () => {
      clearInputFields();
      typeheadEl.inputStatic.sendKeys(data.inputText);
      expect(typeheadEl.modelStatic.getText()).toBe('Model: ' + '"' + data.inputText + '"');

      typeheadEl.inputTemplate.sendKeys(data.inputText);
      expect(typeheadEl.modelTemplate.getText()).toBe('Model: ' + '"' + data.inputText + '"');

      typeheadEl.inputOption.sendKeys(data.inputText);
      expect(typeheadEl.modelOption.getText()).toBe('Model: ' + '"' + data.inputText + '"');

      typeheadEl.inputAsynchronous.sendKeys(data.inputText);
      expect(typeheadEl.modelAsynchronous.getText()).toBe('Model: ' + '"' + data.inputText + '"');

      typeheadEl.inputReactiveForms.sendKeys(data.inputText);
      expect(typeheadEl.modelReactiveForms.getText()).toBe('Model: ' + '"' + data.inputText + '"');

      typeheadEl.inputGroupingResults.sendKeys(data.inputText);
      expect(typeheadEl.modelGroupingResults.getText()).toBe('Model: ' + '"' + data.inputText + '"');
    });
  });

  using(DataProvider.typeaheadInputCityTexts, (data: any, description: string) => {
    it('Check items from dropdown: ' + description, () => {
      clearInputFields();
      typeheadEl.inputStatic.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(typeheadEl.modelStatic.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');

      typeheadEl.inputTemplate.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(typeheadEl.modelTemplate.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');

      typeheadEl.inputOption.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(typeheadEl.modelOption.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');

      typeheadEl.inputAsynchronous.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(typeheadEl.modelAsynchronous.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');

      typeheadEl.inputReactiveForms.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(typeheadEl.modelReactiveForms.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');

      typeheadEl.inputGroupingResults.sendKeys(data.inputText);
      getItemNumberInDropdown(2).click();
      expect(typeheadEl.modelGroupingResults.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');
    });
  });

  it('Check items in Static array', () => {
    typeheadEl.inputStatic.clear();
    typeheadEl.inputStatic.sendKeys('a');
    typeheadEl.staticArrayAlabama.click();
    expect(typeheadEl.modelStatic.getText()).toContain('Alabama');
  });

  it('Check items in Item template', () => {
    typeheadEl.inputTemplate.clear();
    typeheadEl.inputTemplate.sendKeys('a');
    typeheadEl.staticArrayAlabama.click();
    expect(typeheadEl.modelStatic.getText()).toContain('Alabama');
  });

  it('Check items in Option field', () => {
    typeheadEl.inputOption.clear();
    typeheadEl.inputOption.sendKeys('a');
    typeheadEl.staticArrayAlabama.click();
    expect(typeheadEl.modelOption.getText()).toContain('Alabama');
  });

  it('Check unfounded item in Async data results', () => {
    typeheadEl.inputAsynchronous.clear();
    typeheadEl.inputAsynchronous.sendKeys('1');
    expect(typeheadEl.errorMessageNoResultsFound.getText()).toContain('No Results Found');
  });

  it('Check dropdown list "Reactive forms" for empty value Model: (null)', () => {
    browser.refresh();
    expect(typeheadEl.modelReactiveForms.getText()).toEqual('Model: null');
  });

  it('Check grouping option at list "Grouping results"', () => {
    typeheadEl.inputGroupingResults.sendKeys('a');
//.........這裏部分代碼省略.........

describe('Buttons page test on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/buttons');
    browser.ignoreSynchronization = true;
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
  });
  using (DataProvider.buttonsTableContains, (data:any, description:string) => {
    it ('Check table texts: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
    });
  });
  it('Check single toggle button', () => {
    expect(buttonSingleToggle.getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid active');
    buttonSingleToggle.click();
    expect(panelSingleToggle.getText()).toBe('0');
    expect(buttonSingleToggle.getAttribute('class')).toContain('btn btn-primary ng-untouched ng-pristine ng-valid');
    buttonSingleToggle.click();
    expect(panelSingleToggle.getText()).toBe('1');
    expect(buttonSingleToggle.getAttribute('class')).toContain('btn btn-primary ng-untouched ng-pristine ng-valid active');
  });
  it('Checkbox. Defaults states for checkbox buttons', () => {
    expect(checkboxModelFieldOne.getText()).toContain('"left": false');
    expect(checkboxModelFieldOne.getText()).toContain('"middle": true');
    expect(checkboxModelFieldOne.getText()).toContain('"right": false');
    expect(checkboxModelFieldTwo.getText()).toContain('Left: false');
    expect(checkboxModelFieldTwo.getText()).toContain('Middle: true');
    expect(checkboxModelFieldTwo.getText()).toContain('Right: false');
    expect($(pressCheckboxButton(1)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(pressCheckboxButton(2)).getAttribute('class')).toContain('active');
    expect($(pressCheckboxButton(3)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
  });
  it('Checkbox. Change state for left and Right buttons', () => {
    $(pressCheckboxButton(1)).click();
    $(pressCheckboxButton(2)).click();
    $(pressCheckboxButton(3)).click();
    expect(checkboxModelFieldOne.getText()).toContain('"left": true');
    expect(checkboxModelFieldOne.getText()).toContain('"middle": false');
    expect(checkboxModelFieldOne.getText()).toContain('"right": true');
    expect(checkboxModelFieldTwo.getText()).toContain('Left: true');
    expect(checkboxModelFieldTwo.getText()).toContain('Middle: false');
    expect(checkboxModelFieldTwo.getText()).toContain('Right: true');
    expect($(pressCheckboxButton(1)).getAttribute('class')).toContain('active');
    expect($(pressCheckboxButton(2)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(pressCheckboxButton(3)).getAttribute('class')).toContain('active');
  });
  it('Radio. Check defaults states for radio buttons', () => {
    expect(radioField.getText()).toContain('Middle');
    expect($(radioButton(1)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(radioButton(2)).getAttribute('class')).toContain('active');
    expect($(radioButton(3)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(1)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(2)).getAttribute('class')).toContain('active');
    expect($(unckeckableRadioButton(3)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
  });
  it('Radio. Check left position for radio buttons', () => {
    $(radioButton(1)).click();
    expect(radioField.getText()).toContain('Left');
    expect($(radioButton(1)).getAttribute('class')).toContain('active');
    expect($(radioButton(2)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(radioButton(3)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(1)).getAttribute('class')).toContain('active');
    expect($(unckeckableRadioButton(2)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(3)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
  });
  it('Radio. Check right position for radio buttons', () => {
    $(unckeckableRadioButton(3)).click();
    expect(radioField.getText()).toContain('Right');
    expect($(radioButton(1)).getAttribute('class')).toBe('btn btn-primary ng-valid ng-touched ng-dirty');
    expect($(radioButton(2)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(radioButton(3)).getAttribute('class')).toContain('active');
    expect($(unckeckableRadioButton(1)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(2)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(3)).getAttribute('class')).toContain('active');
  });
  it('Radio. Check null state for radio buttons', () => {
    $(unckeckableRadioButton(3)).click();
    expect(radioField.getText()).toContain('null');
    expect($(radioButton(1)).getAttribute('class')).toBe('btn btn-primary ng-valid ng-touched ng-dirty');
    expect($(radioButton(2)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(radioButton(3)).getAttribute('class')).toBe('btn btn-primary ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(1)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(2)).getAttribute('class')).toBe('btn btn-success ng-untouched ng-pristine ng-valid');
    expect($(unckeckableRadioButton(3)).getAttribute('class')).toBe('btn btn-success ng-valid ng-touched ng-dirty');
  });
});

describe('Typeahead page tests on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/typeahead');
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
  });
  using (DataProvider.typeaheadDefaultTexts, (data:any, description:string) => {
    it ('Check default texts: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
    });
  });
  using (DataProvider.inputDifferentData, (data:any, description:string) => {
    it ('Check input fields with different data: ' + description, () => {
      clearInputFields();
      inputStatic.sendKeys(data.inputText);
      expect(modalStatic.getText()).toBe('Model: ' + '"' + data.inputText + '"');
      inputCustom.sendKeys(data.inputText);
      expect(modalCustom.getText()).toBe('Model: ' + '"' + data.inputText + '"');
      inputAsynchronous.sendKeys(data.inputText);
      expect(modalAsynchronous.getText()).toBe('Model: ' + '"' + data.inputText + '"');
      inputTypeahead.sendKeys(data.inputText);
      expect(modalTypeahead.getText()).toBe('Model: ' + '"' + data.inputText + '"');
      inputGrouped.sendKeys(data.inputText);
      expect(modalGrouped.getText()).toBe('Model: ' + '"' + data.inputText + '"');
    });
  });
  using (DataProvider.typeaheadInputCityTexts, (data:any, description:string) => {
    it ('Check items from dropdown: ' + description, () => {
      clearInputFields();
      inputStatic.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(modalStatic.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');
      inputCustom.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(modalCustom.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');
      inputAsynchronous.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(modalAsynchronous.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');
      inputTypeahead.sendKeys(data.inputText);
      getItemNumberInDropdown(1).click();
      expect(modalTypeahead.getText()).toBe('Model: ' + '"' + data.expectedResult + '"');
    });
  });
  it ('Check items in Grouped results', () => {
    inputGrouped.clear();
    inputGrouped.sendKeys('a');
    $('.dropdown-menu>li:nth-child(2)').click();
    expect(modalGrouped.getText()).toContain('Alabama');
  });
  it ('Check unfounded iten in Asynchronous results ', () => {
    inputAsynchronous.clear();
    inputAsynchronous.sendKeys('123');
    expect($('.container-fluid>div').getText()).toContain('No Results Found');
  });
  it ('Check dropdown list for typehead with empty value ', () => {
    inputTypeahead.click();
    expect($('.dropdown-menu').isDisplayed()).toBe(true);
    getItemNumberInDropdown(5).click();
    expect(modalTypeahead.getText()).toContain('California');
  });
});

describe('Tooltip page test on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/tooltip');
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
  });
  using (DataProvider.tooltipDefaultContains, (data:any, description:string) => {
    it ('Check default texts on the page: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
    });
  });
  using (DataProvider.tooltipElementsTexts, (data:any, description:string) => {
    it ('Check tooltip texts: ' + description, () => {
      browser.actions()
        .mouseMove(data.element())
        .perform();
      browser.sleep(50);
      expect(tooltipElement.getText()).toBe(data.actualResult);
    });
  });
  it ('Check buttons Show/Hide tooltip', () => {
    buttonShowTooltip.click();
    expect(tooltipElement.isDisplayed()).toBe(true);
    buttonHideTooltip.click();
    expect(tooltipElement.isPresent()).toBe(false);
  });
  it ('Check Delayed tooltip', () => {
    browser.ignoreSynchronization=true;
    browser.actions()
      .mouseMove(tooltipDelayed as any)
      .perform();
    expect(tooltipElement.isPresent()).toBe(false);
    browser.sleep(1010);
    expect(tooltipElement.getText()).toBe('appears with delay');
  });
  it ('Check HTML tooltip', () => {
    browser.ignoreSynchronization=true;
    browser.actions()
      .mouseMove(tooltipHTML as any)
      .perform();
    expect(tooltipElement.isPresent()).toBe(false);
    browser.sleep(510);
    expect(tooltipElement.getText()).toBe(`I've been made bold!`);
  });
  using (DataProvider.inputDifferentData, (data:any, description:string) => {
    it ('Check tooltip texts: ' + description, () => {
      inputDynamicPopupText.clear();
      inputDynamicPopupText.sendKeys(data.inputText);
      browser.actions()
        .mouseMove(tooltipDynamic as any)
        .perform();
      expect(tooltipElement.getText()).toBe(data.inputText);
      browser.actions()
        .mouseMove(inputDynamicTooltipText as any)
        .perform();
    });
  });
  using (DataProvider.inputDifferentData, (data:any, description:string) => {
    it ('Check tooltip texts: ' + description, () => {
      inputDynamicTooltipText.clear();
      inputDynamicTooltipText.sendKeys(data.inputText);
      expect(tooltipDynamic.getText()).toBe(data.inputText);
    });
  });
  it ('Disable tooltip conditionally. Expect to fail', () => {
    inputDisableTooltipConditionally.sendKeys('Some text');
    expect(tooltipElement.isPresent()).toBe(false);
    inputDisableTooltipConditionally.clear();
    expect(tooltipElement.isPresent()).toBe(true);
  });
  it ('Check text in tooltip TemplateRef', () => {
    browser.actions()
      .mouseMove(tooltipTemplateRef as any)
      .perform();
    expect($('.tooltip-inner>h4').getText()).toBe('Tool tip custom content defined inside a template');
    expect($('.tooltip-inner>h5').getText()).toBe('With context binding: foo');
  });
});

 describe('Merge TreeModelSettings', () => {
   using(TreeDataProvider.treeModelSettings, (data: any, description: string) => {
     it(description, () => {
       expect(TreeModelSettings.merge(data.treeModelA, data.treeModelB)).toEqual(data.result);
     });
   });
 });

describe('Check the Accordion page in bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/accordion');
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
  });
  it('Close/open first tab by click', () => {
    getTabHeader(1).click();
    expect(getTabContent(1).isDisplayed()).toBe(false);
    getTabHeader(1).click();
    expect(getTabContent(1).isDisplayed()).toBe(true);
  });
  it('Open/close last tab with button Toggle Last Panel', () => {
    buttonToggleLastPanel.click();
    expect(getTabContent(5).isDisplayed()).toBe(true);
    expect(buttonArrow.getAttribute('class')).toContain('glyphicon-chevron-down');
    buttonToggleLastPanel.click();
    expect(getTabContent(5).isDisplayed()).toBe(false);
    expect(buttonArrow.getAttribute('class')).toContain('glyphicon-chevron-right');
  });
  it('Button Enable/Disable first panel is ON', () => {
    buttonEnableDisablePanel.click();
    getTabHeader(1).click();
    expect(getTabContent(1).isDisplayed()).toBe(false);
  });
  it('Button Enable/Disable first panel is OFF', () => {
    buttonEnableDisablePanel.click();
    getTabHeader(1).click();
    expect(getTabHeader(1).isDisplayed()).toBe(true);
  });
  it('Add items in 4th tab', () => {
    getTabHeader(4).click();
    expect(getItemsCount.count()).toBe(3);
    buttonAddItem.click();
    buttonAddItem.click();
    expect(getItemsCount.count()).toBe(5);
    getTabHeader(4).click();
  });
  it('Open all tabs together', () => {
    checkboxOnlyOne.click();
    getTabHeader(1).click();
    browser.wait(EC.visibilityOf(getTabContent(1)), 500);
    getTabHeader(2).click();
    browser.wait(EC.visibilityOf(getTabContent(2)), 500);
    getTabHeader(3).click();
    browser.wait(EC.visibilityOf(getTabContent(3)), 500);
    getTabHeader(4).click();
    browser.wait(EC.visibilityOf(getTabContent(4)), 500);
    getTabHeader(5).click();
  });
  using (DataProvider.accordionTableContent, (data:any, description:string) => {
    it ('Check table texts: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
    });
  });
});

describe('Modals page test on bootstrap 3', () => {
  beforeAll(() => {
    browser.get('#/modals');
    leftPanelTests.checkLeftPanelMini();
    leftPanelTests.checkLeftPanelMaxi();
  });
  using (DataProvider.modalsTableContains, (data:any, description:string) => {
    it ('Check table texts: ' + description, () => {
      expect(data.element().getText()).toBe(data.actualResult);
    });
  });
  it('Large modal open and close by missclick', () => {
    buttonLargeModal.click();
    expect(modalTitle.getText()).toBe('Large modal');
    expect(modalBody.getText()).toBe('...');
    browser.actions()
      .mouseMove({ x: 1000, y: 0 })
      .click()
      .perform();
    expect(modalWindow.isPresent()).toBe(false);
  });
  it('Small modal open and close by x-cross', () => {
    buttonSmallModal.click();
    expect(modalTitle.getText()).toBe('Small modal');
    expect(modalBody.getText()).toBe('...');
    modalCloseButton.click();
    expect(modalWindow.isPresent()).toBe(false);
  });
  it('Open child modal click', () => {
    buttonChildModal.click();
    expect(modalTitle.getText()).toBe('Child modal');
    expect(modalBody.getText()).toBe('I am a child modal, opened from parent component!');
    modalCloseButton.click();
    expect(modalWindow.isPresent()).toBe(false);
  });
  it('Static modal click', () => {
    buttonStaticModal.click();
    expect(modalTitle.getText()).toBe('Static modal');
    expect(modalBody.getText()).toBe('This is static modal, backdrop click will not close it. Click × to close modal.');
  });
  it('Static modal does not close by misclick', () => {
    browser.actions()
      .mouseMove({ x: 0, y: 0 })
      .click()
      .perform();
    expect(modalWindow.isDisplayed()).toBe(true);
  });
  it('Static modal close by cross', () => {
    modalCloseButton.click();
    expect(modalWindow.isPresent()).toBe(false);
  });
});

describe ('Test for reproducing bug at issue 3196', ()=> {
    beforeAll(() => {
        browser.get('/place?thing=Home&place=547c4bc9b787bd0b00dcfb5b&image=547c4f7fb787bd0b00dcfc9a');
    });
    using (dataProvider.matrixPageQueries, (data, description) => {
        it ('Check ' + description, () => {
            matrixPage.getFilterByThing().click();
            matrixPage.getSearchInFilterByThing().clear().then(function () {
                matrixPage.getSearchInFilterByThing().sendKeys(data.query);
                browser.sleep(2000);
            });
            matrixPage.getThingInFilter().click();
            expect(matrixPage.getThingNameOnFilter().getText()).toEqual(data.query);
        });
    });
});