From dba521b35869a53dfec330d379a27a4f12f70291 Mon Sep 17 00:00:00 2001 From: Annie Huang Date: Sat, 28 Oct 2023 00:37:57 +0800 Subject: [PATCH] Quest complete, rm sh file and create json --- quests/helloworld/answer.json | 21 +++++ quests/helloworld/answer.sh | 4 - tests/cypress.config.js | 1 + tests/cypress/e2e/helloworld.cy.js | 119 +++++++++++++++++++++-------- 4 files changed, 110 insertions(+), 35 deletions(-) create mode 100644 quests/helloworld/answer.json delete mode 100644 quests/helloworld/answer.sh diff --git a/quests/helloworld/answer.json b/quests/helloworld/answer.json new file mode 100644 index 0000000..8f6b21f --- /dev/null +++ b/quests/helloworld/answer.json @@ -0,0 +1,21 @@ +{ + "stage1": "echo Hello World!{enter}", + "story1": "{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}", + "start1": "你聽到了一個聲音：", + "end1": "現在，請你輸入 `ls` 來查看目前的目錄下有哪些檔案。", + "stage2": "ls{enter}", + "story2": "{enter}{enter}{enter}{enter}{enter}", + "start2": "你找到了一個被遺忘的卷軸，上面寫著解除封印的咒語。", + "end2": "使用 `Tab` 鍵來取得指令提示。", + "stage3": "cat forgotten_scroll.txt{enter}", + "story3": "{enter}{enter}", + "scrollcontent": "Unix, rise and guide me!", + "start3": "你找到的是一個被遺忘的卷軸，上面寫著解除封印的咒語。", + "end3": "使用你已經知道的 `echo` 指令來詠唱咒語。", + "stage4": "echo Unix, rise and guide me!{enter}", + "end4": "突然之間，你感覺到一股強大的力量從你的身體中湧出，你的身體開始發光，你的手中出現了一把魔法之劍。", + "hint1": "使用 `ls` 指令來查看目前的目錄下有哪些檔案。", + "hint2": "使用 `cat [檔案名稱]` 指令來查看檔案內容。", + "hint3": "使用 `Tab` 鍵來取得指令提示。", + "Thanks": "您已成功完成挑戰，真的非常感謝您的參與！ 如果您能撥冗填寫這份問卷，我們將不勝感激，這對我們非常重要！" +} diff --git a/quests/helloworld/answer.sh b/quests/helloworld/answer.sh deleted file mode 100644 index ea44415..0000000 --- a/quests/helloworld/answer.sh +++ /dev/null @@ -1,4 +0,0 @@ -echo Hello World! -ls -cat forgotten_scroll.txt -echo Unix, rise and guide me! \ No newline at end of file diff --git a/tests/cypress.config.js b/tests/cypress.config.js index 1b6d22e..2b507cb 100644 --- a/tests/cypress.config.js +++ b/tests/cypress.config.js @@ -10,5 +10,6 @@ module.exports = defineConfig({ baseUrl: getConfig('BASE_URL', 'http://localhost:5173'), viewportWidth: 1920, viewportHeight: 1080, + pageLoadTimeout: 120000, }, }) diff --git a/tests/cypress/e2e/helloworld.cy.js b/tests/cypress/e2e/helloworld.cy.js index 57f1f39..170c99a 100644 --- a/tests/cypress/e2e/helloworld.cy.js +++ b/tests/cypress/e2e/helloworld.cy.js @@ -1,5 +1,4 @@ /// -// import '../quests/helloworld/answer.sh' export default function checkLoginUI() { cy.get('h1.text-text-primary') @@ -12,20 +11,28 @@ export default function checkLoginUI() { .invoke('attr', 'placeholder') .should('contain', 'Enter your password') } -export function clearFirstTask() { - cy.get('@Terminaltextbox').type('echo Hello World!{enter}') - cy.get('@Terminaltextbox').should('contain', '你聽到了一個聲音：') - cy.get('@Terminaltextbox').type( - '{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}' - ) +export function getTerminalrowsContain(content) { + cy.get('@Terminaltextbox') + .get('.xterm-rows') + .children() + .filter(`:contains('${content}')`) } export function checkStoryStart() { cy.get('@Terminaltextbox').should('contain', `Unix Spirit: `) } +export function checkHint(index, total, content) { + cy.get('#hint') + .get('.flex-wrap') + .invoke('text') + .should('contain', `${index}/${total}`) + .and('contain', content) +} export const getQuestInfo = (id) => cy.get('#quest').get('p.text-text').contains(`${id}`) export const getTaskCheckbox = (id) => - getQuestInfo(`${id}`).findByRole('checkbox') + cy.get('#quest').get('p.text-text').contains(`${id}`).findByRole('checkbox') +const finishSign = 'commander:~ ' +const continueSign = '↵' // const YAML = require('yamljs') describe('example helloworld app', () => { @@ -162,14 +169,14 @@ describe('example helloworld app', () => { cy.findByRole('button', { name: 'Continue' }).should('be.visible') }) }) - describe.only('Game Play', () => { + describe('Game Play', () => { beforeEach(() => { cy.visit('/') - cy.readFile('.././quests/helloworld/game.yml', 'utf-8').as('gameScript') cy.LoginWithPassword() cy.get('.xterm-screen').as('Terminaltextbox') cy.findByRole('button', { name: 'Reset' }).click() - cy.get('@Terminaltextbox').should('contain', 'commander') + cy.get('@Terminaltextbox').should('contain', finishSign) + cy.readFile('../quests/helloworld/answer.json', 'utf-8').as('answersheet') }) it('Typing in Terminal', () => { cy.get('@Terminaltextbox').type('12345{enter}') @@ -177,26 +184,76 @@ describe('example helloworld app', () => { .should('contain', 'zsh: command not found: 12345') .and('contain', '12345') }) - it('Complete the Game', () => { - cy.get('@Terminaltextbox').type('echo Hello World!{enter}') - cy.get('@Terminaltextbox').should('contain', '你聽到了一個聲音：') - cy.get('@Terminaltextbox').type( - '{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}{enter}' - ) - getTaskCheckbox('使用 `echo Hello World!` 召喚精靈').should('be.checked') - getQuestInfo('搜索卷軸').should('be.visible') - getTaskCheckbox('搜索卷軸').should('not.be.checked') - cy.get('@Terminaltextbox') - .should('contain', `Unix Spirit: `) - .and('contain', `現在，請你輸入 \`ls\` 來查看目前的目錄下有哪些檔案。`) - cy.get('@Terminaltextbox').type('ls{enter}') - cy.get('#Lbutton').should('be.visible').and('be.disabled') - cy.get('#Rbutton').should('be.visible').and('be.disabled') - cy.get('#hint') - .get('.flex-wrap') - .invoke('text') - .should('contain', '1/1') - .and('contain', '使用 `ls` 指令來查看目前的目錄下有哪些檔案。') + it.only('Complete the Game', () => { + // get answersheet + cy.get('@answersheet').then((answers) => { + // Stage1 + cy.log('Stage1') + cy.get('@Terminaltextbox').type(answers.stage1) + cy.get('@Terminaltextbox') + .should('contain', answers.start1) + .and('contain', continueSign) + cy.get('@Terminaltextbox').type(answers.story1) + getTaskCheckbox('使用 `echo Hello World!` 召喚精靈').should( + 'be.checked' + ) + getTaskCheckbox('搜索卷軸').should('be.visible').and('not.be.checked') + cy.get('@Terminaltextbox') + .should('contain', `Unix Spirit: `) + .and('contain', answers.end1) + .and('contain', finishSign) + cy.get('#Lbutton').should('be.visible').and('be.disabled') + cy.get('#Rbutton').should('be.visible').and('be.disabled') + checkHint(1, 1, answers.hint1) + // Stage2 + cy.log('Stage2') + cy.get('@Terminaltextbox').type(answers.stage2) + cy.get('@Terminaltextbox') + .should('contain', 'forgotten_scroll.txt') + .and('contain', answers.start2) + .and('contain', continueSign) + cy.get('@Terminaltextbox').type(answers.story2) + getTaskCheckbox('搜索卷軸').should('be.checked') + getTaskCheckbox('移動到下一個房間') + .should('be.visible') + .and('not.be.checked') + getTaskCheckbox('查看卷軸').should('be.visible').and('not.be.checked') + cy.get('@Terminaltextbox') + .should('contain', answers.end2) + .and('contain', finishSign) + cy.get('#Lbutton').should('be.visible').and('be.enabled') + cy.get('#Rbutton').should('be.visible').and('be.disabled') + checkHint(3, 3, answers.hint3) + cy.get('#Lbutton').click() + cy.get('#Rbutton').should('be.enabled') + checkHint(2, 3, answers.hint2) + // Stage3 + cy.log('Stage3') + cy.get('@Terminaltextbox').type(answers.stage3) + cy.get('@Terminaltextbox') + .should('contain', answers.scrollcontent) + .and('contain', answers.start3) + .and('contain', continueSign) + cy.get('@Terminaltextbox').type(answers.story3) + getTaskCheckbox('查看卷軸').should('be.checked') + cy.get('@Terminaltextbox') + .should('contain', answers.end3) + .and('contain', finishSign) + // Stage4 + cy.log('Stage4') + cy.get('@Terminaltextbox').type(answers.stage4) + // cy.get('@Terminaltextbox').should('contain', answers.end4) + cy.findByRole( + 'heading', + { name: 'Quest Completed!' }, + { timeout: 200000 } + ).should('be.visible') + cy.get('div[class="modal"]') + .find('p') + .invoke('text') + .should('contain', answers.Thanks) + cy.findByRole('link', { name: '填寫問卷' }).should('be.visible') + }) }) }) })