|
@@ -2,6 +2,7 @@ describe("评卷页面-裁切图", () => {
|
|
|
beforeEach(() => {
|
|
|
cy.networkStub();
|
|
|
cy.visit("/");
|
|
|
+ cy.clock();
|
|
|
});
|
|
|
|
|
|
it("裁切图显示", () => {
|
|
@@ -39,6 +40,7 @@ describe("评卷页面-裁切图", () => {
|
|
|
it("裁切图点击-分数增加", () => {
|
|
|
// 任务开始渲染了
|
|
|
cy.get(".single-image-container");
|
|
|
+ cy.tick(10000);
|
|
|
// 等待遮罩层消除
|
|
|
cy.get('[data-test="status-spin"]').should("not.exist");
|
|
|
|
|
@@ -47,24 +49,48 @@ describe("评卷页面-裁切图", () => {
|
|
|
.get("body")
|
|
|
.type("1")
|
|
|
.click(200, 300)
|
|
|
- .wait(1500)
|
|
|
+ .tick(3500)
|
|
|
+ .get("body")
|
|
|
.type("2")
|
|
|
.click(300, 500)
|
|
|
- .wait(1500)
|
|
|
+ .tick(3500)
|
|
|
.get(".single-image-container:nth(2)")
|
|
|
.scrollIntoView()
|
|
|
.get("body")
|
|
|
.type("3")
|
|
|
.click(400, 200)
|
|
|
- .wait(500);
|
|
|
+ .tick(500);
|
|
|
cy.get(".score-container").should("have.length", 3);
|
|
|
|
|
|
cy.get(".total-score span span").contains("6");
|
|
|
});
|
|
|
|
|
|
+ it("裁切图点击-分数轨迹过近", () => {
|
|
|
+ // 任务开始渲染了
|
|
|
+ cy.get(".single-image-container");
|
|
|
+ cy.tick(10000);
|
|
|
+ // 等待遮罩层消除
|
|
|
+ cy.get('[data-test="status-spin"]').should("not.exist");
|
|
|
+
|
|
|
+ cy.get(".mark-body-container")
|
|
|
+ .scrollTo(0, 0)
|
|
|
+ .get("body")
|
|
|
+ .type("1")
|
|
|
+ .click(200, 300)
|
|
|
+ .tick(1500)
|
|
|
+ .get("body")
|
|
|
+ .type("2")
|
|
|
+ .click(205, 305)
|
|
|
+ .tick(500);
|
|
|
+ cy.get(".score-container").should("have.length", 1);
|
|
|
+
|
|
|
+ cy.get(".total-score span span").contains("1");
|
|
|
+ });
|
|
|
+
|
|
|
it("裁切图点击-分数在有效区域外", () => {
|
|
|
// 任务开始渲染了
|
|
|
cy.get(".single-image-container");
|
|
|
+ cy.tick(10000);
|
|
|
// 等待遮罩层消除
|
|
|
cy.get('[data-test="status-spin"]').should("not.exist");
|
|
|
|
|
@@ -85,6 +111,7 @@ describe("评卷页面-裁切图", () => {
|
|
|
it("清除本题分数", () => {
|
|
|
// 任务开始渲染了
|
|
|
cy.get(".single-image-container");
|
|
|
+ cy.tick(10000);
|
|
|
// 等待遮罩层消除
|
|
|
cy.get('[data-test="status-spin"]').should("not.exist");
|
|
|
|
|
@@ -93,12 +120,14 @@ describe("评卷页面-裁切图", () => {
|
|
|
.get("body")
|
|
|
.type("3")
|
|
|
.click(200, 200)
|
|
|
- .wait(1500)
|
|
|
+ .tick(1500)
|
|
|
+ .get("body")
|
|
|
.type("2")
|
|
|
.click(200, 300)
|
|
|
- .wait(500);
|
|
|
+ .tick(500);
|
|
|
|
|
|
cy.get('[data-test="clear-score"]').click();
|
|
|
+ cy.tick(500);
|
|
|
cy.get("body .mark-body-container .score-container").should(
|
|
|
"have.length",
|
|
|
0
|