wordRotator/test/betaplay.testcafe.js
2018-09-22 16:50:24 +02:00

286 lines
16 KiB
JavaScript

import { Selector } from 'testcafe';
import {mainTest} from "./test";
fixture `betaPlay`
.page `http://beta.wordrotator.silas.link`
.httpAuth({
username: 'admin',
password: '20luxl200'
});
test('Play', async t => {
await t.wait(20000);
await mainTest(t);
// const SEGMENT = {
// ONE: 0,
// TWO: 1,
// THREE: 2,
// FOUR: 3,
// FIVE: 4,
// SIX : 5,
// SEVEN: 6,
// EIGHT : 7,
// NINE: 8,
// TEN: 9,
// ELEVEN: 10,
// TWELVE: 11,
// THIRTEEN: 12,
// FOURTEEN: 13,
// FIFTEEN: 14,
// SIXTEEN: 15,
// SEVENTEEN: 16,
// EIGHTEEN:17,
// NINETEEN: 18,
// TWENTY:19,
// TWENTYONE:20
// };
//
// await t
// //first Level
// .expect(Selector('.segment.segment-parent.rotate-90').nth(0).getStyleProperty('transform')).eql("matrix(0, 1, -1, 0, 0, 0)")
// .expect(Selector('.segment.segment-parent.rotate-90').nth(1).getStyleProperty('transform')).eql("matrix(0, 1, -1, 0, 0, 0)")
// .expect(Selector('.segment.segment-parent.rotate-270').getStyleProperty('transform')).eql("matrix(0, -1, 1, 0, 0, 0)")
// .expect(Selector('#won-text').getStyleProperty('visibility')).eql("hidden")
// .expect(Selector('#continue-button').getStyleProperty('visibility')).eql("hidden")
// .expect(Selector('#level-number').textContent).eql("1")
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .expect(Selector('.segment.segment-parent.rotate-360').getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .expect(Selector('.segment.segment-parent.rotate-360').nth(1).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('#won-text').visible).eql(true)
// .expect(Selector('#continue-button').visible).eql(true)
// .click(Selector('#continue-button'))
//
// //TWOLevel
// .expect(Selector('.segment.segment-parent.rotate-270').nth(0).textContent).eql("BOAL")
// .expect(Selector('.segment.segment-parent.rotate-180').textContent).eql("DEAR")
// .expect(Selector('.segment.segment-parent.rotate-360').textContent).eql("NSMR")
// .expect(Selector('.segment.segment-parent.rotate-270').nth(1).textContent).eql("EEUF")
// .expect(Selector('.segment.segment-parent.rotate-270').nth(0).getStyleProperty('transform')).eql("matrix(0, -1, 1, 0, 0, 0)")
// .expect(Selector('.segment.segment-parent.rotate-180').getStyleProperty('transform')).eql("matrix(-1, 0, 0, -1, 0, 0)")
// .expect(Selector('.segment.segment-parent.rotate-360').getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('.segment.segment-parent.rotate-270').nth(1).getStyleProperty('transform')).eql("matrix(0, -1, 1, 0, 0, 0)")
// .expect(Selector('#continue-button').getStyleProperty('visibility')).eql("hidden")
// .expect(Selector('#level-number').textContent).eql("2")
// .expect(Selector('#won-text').getStyleProperty('visibility')).eql("hidden")
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .expect(Selector('.segment-parent').nth(SEGMENT.TWO).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .expect(Selector('.segment-parent').nth(SEGMENT.TWO).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('#won-text').visible).eql(true)
// .expect(Selector('#continue-button').visible).eql(true)
// .click(Selector('#continue-button'))
//
// //THREE Level
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).textContent).eql("ZEHO")
// .expect(Selector('.segment-parent').nth(SEGMENT.TWO).textContent).eql("ITCH")
// .expect(Selector('.segment-parent').nth(SEGMENT.THREE).textContent).eql("STSA")
// .expect(Selector('.segment-parent').nth(SEGMENT.FOUR).textContent).eql("RAIS")
// .expect(Selector('.segment-parent').nth(SEGMENT.FIVE).textContent).eql("FEON")
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('.segment-parent').nth(SEGMENT.ONE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('#continue-button'))
//
// //4. Level
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).textContent).eql("FERÜINCKPHREYSSI")
// .expect(Selector('.segment-parent').nth(SEGMENT.TWO).textContent).eql("FERÜ")
// .expect(Selector('.segment-parent').nth(SEGMENT.THREE).textContent).eql("INCK")
// .expect(Selector('.segment-parent').nth(SEGMENT.FOUR).textContent).eql("PHRE")
// .expect(Selector('.segment-parent').nth(SEGMENT.FIVE).textContent).eql("YSSI")
// .expect(Selector('.segment-parent').nth(SEGMENT.SIX).textContent).eql("BEHE")
// .expect(Selector('.segment-parent').nth(SEGMENT.SEVEN).textContent).eql("RARZ")
// .expect(Selector('.segment-parent').nth(SEGMENT.EIGHT).textContent).eql("GUFA")
// .expect(Selector('.segment-parent').nth(SEGMENT.NINE).textContent).eql("SSLL")
// .expect(Selector('.segment-parent').nth(SEGMENT.TEN).textContent).eql("IKDEERNZTULANGND")
// .expect(Selector('.segment-parent').nth(SEGMENT.ELEVEN).textContent).eql("IKDE")
// .expect(Selector('.segment-parent').nth(SEGMENT.TWELVE).textContent).eql("ERNZ")
// .expect(Selector('.segment-parent').nth(SEGMENT.THIRTEEN).textContent).eql("TULA")
// .expect(Selector('.segment-parent').nth(SEGMENT.FOURTEEN).textContent).eql("NGND")
// .drag(Selector('.segment-parent').nth(SEGMENT.TEN), 128, 4, {
// offsetX: 54,
// offsetY: 17
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.ONE), 128, 3, {
// offsetX: 54,
// offsetY: 17
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.TEN).find('div').withText('I'), 128, 4, {
// offsetX: 27,
// offsetY: 41
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.ONE).find('div').withText('S'), 10, 144, {
// offsetX: 64,
// offsetY: 32
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.TEN), 128, 4, {
// offsetX: 27,
// offsetY: 41
// })
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .click(Selector('.segment-parent').nth(SEGMENT.EIGHT))
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.ELEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.ELEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.ELEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWELVE))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('.segment-parent').nth(SEGMENT.SIX))
// .click(Selector('.segment-parent').nth(SEGMENT.TWELVE))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.SIX))
// .expect(Selector('#continue-button').visible).eql(true)
// .expect(Selector('#won-text').visible).eql(true)
// .click(Selector('#continue-button'))
//
// //5. Level
// .expect(Selector('#level-number').textContent).eql("5")
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).textContent).eql("BEANTOBEALBALEUM")
// .expect(Selector('.segment-parent').nth(SEGMENT.SIX).textContent).eql("NUTUNGNGRGHAIEUS")
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('.segment-parent').nth(SEGMENT.SIX).getStyleProperty('transform')).eql("matrix(0, 1, -1, 0, 0, 0)")
//
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .drag(Selector('.segment-parent').nth(SEGMENT.SIX).find('div').withText('U'), 3, 159, {
// offsetX: 69,
// offsetY: 150
// })
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .drag(Selector('.segment-parent').nth(SEGMENT.SIX), 3, 123, {
// offsetX: 86,
// offsetY: 133
// })
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .drag(Selector('.segment-parent').nth(SEGMENT.SIX), 10, 123, {
// offsetX: 60,
// offsetY: 137
// })
// .expect(Selector('#won-text').visible).eql(true)
// .expect(Selector('#continue-button').visible).eql(true)
// .click(Selector('#continue-button'))
//
//
// //Level 6
// .expect(Selector('#level-number').textContent).eql("6")
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).textContent).eql("FEGEHLISARBEBERE")
// .expect(Selector('.segment-parent').nth(SEGMENT.ONE).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('.segment-parent').nth(SEGMENT.TEN).getStyleProperty('transform')).eql("matrix(-1, 0, 0, -1, 0, 0)")
// .expect(Selector('.segment-parent').nth(SEGMENT.TEN).textContent).eql("ITITSPSCIKARAROT")
//
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .drag(Selector('.segment-parent').nth(SEGMENT.TEN).find('div').withText('A'), 106, -4, {
// offsetX: 33,
// offsetY: 18
// })
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.SIX))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTY))
// .click(Selector('.segment-parent').nth(SEGMENT.TWELVE))
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .click(Selector('.segment-parent').nth(SEGMENT.THIRTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTYONE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .click(Selector('.segment-parent').nth(SEGMENT.EIGHT))
// .click(Selector('.segment-parent').nth(SEGMENT.ELEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWELVE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.FOURTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.SIXTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWELVE))
// .click(Selector('.segment-parent').nth(SEGMENT.NINETEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTYONE))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTY))
// .click(Selector('.segment-parent').nth(SEGMENT.THIRTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTY))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVENTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.SIXTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.FOURTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.NINETEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWENTYONE))
// .drag(Selector('.segment-parent').nth(SEGMENT.TEN).find('div').withText('P'), 169, -3, {
// offsetX: 22,
// offsetY: 16
// })
// .expect(Selector('div').withText('P').nth(11).find('.segment.segment-parent.layer-2.rotate-360').getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('#continue-button').visible).eql(true)
// .expect(Selector('#won-text').visible).eql(true)
// .click(Selector('#continue-button'))
//
//
// //Level 7
// .expect(Selector('.segment-parent').nth(SEGMENT.SIX).getStyleProperty('transform')).eql("matrix(1, 0, 0, 1, 0, 0)")
// .expect(Selector('.segment-row > .child-container').childElementCount).eql(3)
//
// .drag(Selector('.segment-parent').nth(SEGMENT.ONE), 4, 177, {
// offsetX: 50,
// offsetY: 73
// })
//
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.THIRTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.TWO))
// .drag(Selector('.segment-parent').nth(SEGMENT.ELEVEN), 14, 195, {
// offsetX: 55,
// offsetY: 57
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.ONE), 4, 177, {
// offsetX: 50,
// offsetY: 73
// })
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.EIGHT))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.THIRTEEN))
// .click(Selector('.segment-parent').nth(SEGMENT.FIVE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .click(Selector('.segment-parent').nth(SEGMENT.SEVEN))
// .click(Selector('.segment-parent').nth(SEGMENT.THREE))
// .click(Selector('.segment-parent').nth(SEGMENT.EIGHT))
// .click(Selector('.segment-parent').nth(SEGMENT.NINE))
// .click(Selector('.segment-parent').nth(SEGMENT.FOUR))
// .drag(Selector('.segment-parent').nth(SEGMENT.ELEVEN), 14, 195, {
// offsetX: 55,
// offsetY: 57
// })
// .drag(Selector('.segment-parent').nth(SEGMENT.ONE), 4, 177, {
// offsetX: 50,
// offsetY: 73
// })
// .click(Selector('.segment-parent').nth(SEGMENT.THIRTEEN))
//
// .expect(Selector('#won-text').visible).eql(true)
// .expect(Selector('#continue-button').visible).eql(true)
// .click(Selector('#continue-button'))
// .expect(Selector('#site-content').childElementCount).eql(1);
});