diff --git a/cypress/e2e/filterFunnel.cy.js b/cypress/e2e/filterFunnel.cy.js index d0dc58e..2aa91d7 100644 --- a/cypress/e2e/filterFunnel.cy.js +++ b/cypress/e2e/filterFunnel.cy.js @@ -15,14 +15,96 @@ describe('Save Log and Filter', ()=>{ cy.get('#iconFilter').click(); // 選取 Filter sidebar }); - it('Sequence, Have activity(s).', () => { + // it('Sequence, Have activity(s).', () => { + // // select radio + // cy.get('input#Sequence0').should('be.checked'); // 選取 Radio 'Sequence' + // cy.contains('label', 'Have activity(s)') // 選取 Radio 'Have activity(s)' + // .prev(2) + // .find('input') + // .should('have.attr', 'type', 'radio') // select the previous element + // .should('be.checked'); // confirm it's type radio (optional) + + // // No selected. + // cy.contains('button', 'Apply').click(); + // cy.get('.v-toast__text').should('contain', 'Not selected'); + // cy.wait(3000); + + // // Clear selected item. + // cy.get('.allCheckboxAct') // 選取 all select + // .find('input') + // .should('not.be.visible').check({ force: true}).should('be.checked'); // 打開隱藏項目並選取 + // cy.contains('button', 'Clear').click(); + // cy.get('.allCheckboxAct') // 選取 all select + // .find('input') + // .should('not.be.visible') + // .should('not.be.checked') + // cy.wait(3000); + + // // selected item + // cy.get('table tr:nth-child(2) input[type="checkbox"]').check({force: true}); + // cy.contains('button', 'Apply').click(); + // cy.get('#tabFunnel').click(); + // cy.contains('p', 'Sequence'); + // cy.contains('span', 'Include'); + // cy.contains('button', 'Apply All').click(); + + // // make sure create map again. + // cy.get('header').click(); + // cy.get('#iconState').click(); + // cy.get('li').first().then($li => { // then() 獲取
  • 元素的內容 + // const percentage = $li.find('span').eq(1).text(); // li 底下找到第二個 span + // expect(percentage).not.to.equal('100%'); // text !== 100% 來判斷數據是否有變化 + // }); + // }); + + // it('Sequence, Start', () => { + // // select radio + // cy.get('input#Sequence0').should('be.checked'); // 選取 Radio 'Sequence' + // cy.contains('label', 'Start activity / End activity') // 選取 Radio 'Have activity(s)' + // .prev(2) + // .find('input') + // .should('have.attr', 'type', 'radio') // select the previous element + // .check({ force: true }) + // .should('be.checked'); // confirm it's type radio (optional) + + // // No selected. + // cy.contains('button', 'Apply').click(); + // cy.get('.v-toast__text').should('contain', 'Not selected'); + // cy.wait(3000); + + // // Clear selected item. + // cy.get('table tr:nth-child(2) input[type="radio"]').check({force: true}); // 選取第二個 + // cy.contains('button', 'Clear').click(); + // cy.get('table tr:nth-child(2) input[type="radio"]').should('not.be.checked') + // cy.wait(3000); + + // // selected item + // cy.get('table tr:nth-child(2) input[type="radio"]').check({force: true}); + // cy.contains('button', 'Apply').click(); + // cy.get('#tabFunnel').click(); + // cy.contains('p', 'Sequence'); + // cy.contains('span', 'Start'); + // cy.contains('button', 'Apply All').click(); + + // //make sure create map again. + // cy.get('header').click(); + // cy.get('#iconState').click(); + // cy.get('li').first().then($li => { // then() 獲取
  • 元素的內容 + // const percentage = $li.find('span').eq(1).text(); // li 底下找到第二個 span + // expect(percentage).not.to.equal('100%'); // text !== 100% 來判斷數據是否有變化 + // }); + // }); + + it('Sequence, End', () => { // select radio cy.get('input#Sequence0').should('be.checked'); // 選取 Radio 'Sequence' - cy.contains('label', 'Have activity(s)') // 選取 Radio 'Have activity(s)' + cy.contains('label', 'Start activity / End activity') // 選取 Radio 'Have activity(s)' .prev(2) .find('input') .should('have.attr', 'type', 'radio') // select the previous element + .check({ force: true }) .should('be.checked'); // confirm it's type radio (optional) + cy.get('input#End1').check({ force: true }); // No selected. cy.contains('button', 'Apply').click(); @@ -30,22 +112,17 @@ describe('Save Log and Filter', ()=>{ cy.wait(3000); // Clear selected item. - cy.get('.allCheckboxAct') // 選取 all select - .find('input') - .should('not.be.visible').check({ force: true}).should('be.checked'); // 打開隱藏項目並選取 + cy.get('table tr:nth-child(1) input[type="radio"]').check({force: true}); // 選取第一個 cy.contains('button', 'Clear').click(); - cy.get('.allCheckboxAct') // 選取 all select - .find('input') - .should('not.be.visible') - .should('not.be.checked') + cy.get('table tr:nth-child(1) input[type="radio"]').should('not.be.checked') cy.wait(3000); // selected item - cy.get('table tr:nth-child(2) input[type="checkbox"]').check({force: true}); + cy.get('table tr:nth-child(2) input[type="radio"]').check({force: true}); cy.contains('button', 'Apply').click(); cy.get('#tabFunnel').click(); cy.contains('p', 'Sequence'); - cy.contains('span', 'Include'); + cy.contains('span', 'End'); cy.contains('button', 'Apply All').click(); // make sure create map again. @@ -57,42 +134,4 @@ describe('Save Log and Filter', ()=>{ }); }); - it('Sequence, Start', () => { - // select radio - cy.get('input#Sequence0').should('be.checked'); // 選取 Radio 'Sequence' - cy.contains('label', 'Start activity / End activity') // 選取 Radio 'Have activity(s)' - .prev(2) - .find('input') - .should('have.attr', 'type', 'radio') // select the previous element - .check({ force: true }) - .should('be.checked'); // confirm it's type radio (optional) - - // No selected. - cy.contains('button', 'Apply').click(); - cy.get('.v-toast__text').should('contain', 'Not selected'); - cy.wait(3000); - - // Clear selected item. - cy.get('table tr:nth-child(2) input[type="radio"]').check({force: true}); // 選取第二個 - cy.contains('button', 'Clear').click(); - cy.get('table tr:nth-child(2) input[type="radio"]').should('not.be.checked') - cy.wait(3000); - - // selected item - cy.get('table tr:nth-child(2) input[type="radio"]').check({force: true}); - cy.contains('button', 'Apply').click(); - cy.get('#tabFunnel').click(); - cy.contains('p', 'Sequence'); - cy.contains('span', 'Start'); - cy.contains('button', 'Apply All').click(); - - // // make sure create map again. - cy.get('header').click(); - cy.get('#iconState').click(); - cy.get('li').first().then($li => { // then() 獲取
  • 元素的內容 - const percentage = $li.find('span').eq(1).text(); // li 底下找到第二個 span - expect(percentage).not.to.equal('100%'); // text !== 100% 來判斷數據是否有變化 - }); - }); - });