+
+
+
+ Sign UP
+
+
+ Sign In
+
+
+
+ Sign up to test apps
+
+
-
- Cancel
-
-
- Apply
-
-
+
+
+
+
+
+ mdi-chevron-left Back
+
+
+
+ Sign Up
+
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+
+ Skip Sign Up
+
+
+
+
+ Sign Up
+
+
+
+
+
+
+
+
+
+
+
+ Sign in
+
+
+
+
+
+ Sign up with YATT
+ Sign up with JIRA
+ Sign up with TestRail
+ Sign up with qTest
+ Sign up with PractiTest
+ Or
+
+ Already have an account?
+
+
+ mdi-chevron-left Back
+
+
+
+ Sign Up
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sign Up
+
+
+
+
+
+ Start Test As
+ Your Email
+ Enter Service URL
+ Comment Type
+ Session Checklists
+ + Use pre and post testing checklists to streamline your testing process +
EXTERNAL CONNECTIONS
Connect to a TestRail instance Connect to a JIRA instanceUse the app locally only
@@ -21,12 +21,12 @@ inset hide-details dense - class="mt-0 pt-0" + class="mt-0 pt-0 switch-control" >Apperance
Screenshots
-
-
-
-
- Select the default annotation color
-- This will change the default color of the image annotation tools. -
-
-
- Screen Recording
- -Notes
-
-
-
-
- Select Default note/comment type
-Select Default note/comment type
-Screen Recording
-Audio on video recording
Audio on screen capture
@@ -83,28 +28,23 @@ inset hide-details dense - class="mt-0 pt-0" + class="mt-0 pt-0 switch-control" @change="handleConfig" >Video capture quality
++
Video capture quality
-
High quality Video
-- This will change the default color of the image annotation - tools. -
+High quality Video
-
Standard quality video
-- This will change the default color of the image annotation - tools. -
+Standard quality video
-
Low quality video
-- This will change the default color of the image annotation - tools. -
+Low quality video
Screenshots
+
+
+
+
+ Select the default annotation color
++ This will change the default color of the image annotation tools. +
+
+
+ Notes
+Select Default note/comment type
+Session Summary
+
+
+
+
+ Mandatory session summary
++ Make a written summary mandatory upon completing a session. +
+
+
+ Note Templates
+ + Improve your note taking and evidence labeling with pre-populated + templates +
+Prefill Text for Screenshots
-
+
Apply to
+
mdi-play
+
+
+
{
+ let wrapper;
+ let store;
+ beforeEach(() => {
+ store = new Vuex.Store(cloneDeep(storeConfig));
+ });
+
+ test("render a view", () => {
+ wrapper = mount(ConfigCheckListTab, {
+ data() {
+ return {
+ preTaskList: [],
+ postTaskList: [],
+ presessionStatus: false,
+ postsessionStatus: false,
+ tab: "pre",
+ };
+ },
+ propsData: {
+ config: {
+ checklist: {
+ presession: {
+ status: false,
+ tasks: [],
+ },
+ postsession: {
+ status: false,
+ tasks: [],
+ },
+ },
+ },
+ },
+ localVue,
+ store,
+ vuetify,
+ });
+
+ expect(wrapper.find(".wrapper > .title").exists()).toBe(true);
+ expect(wrapper.findAll(".wrapper .v-tab").length).toBe(2);
+ expect(wrapper.find(".wrapper #pre").exists()).toBe(true);
+ expect(wrapper.find(".wrapper #post").exists()).toBe(false);
+ });
+
+ test("show a presession tab view", async () => {
+ wrapper = mount(ConfigCheckListTab, {
+ data() {
+ return {
+ preTaskList: [],
+ postTaskList: [],
+ presessionStatus: false,
+ postsessionStatus: false,
+ tab: "pre",
+ };
+ },
+ propsData: {
+ config: {
+ checklist: {
+ presession: {
+ status: false,
+ tasks: [],
+ },
+ postsession: {
+ status: false,
+ tasks: [],
+ },
+ },
+ },
+ },
+ localVue,
+ vuetify,
+ });
+
+ expect(wrapper.find("#pre .status").exists()).toBe(true);
+ expect(wrapper.find("#pre .content").exists()).toBe(true);
+ expect(wrapper.find("#pre .content .overlay").exists()).toBe(true);
+ expect(wrapper.findAll("#pre .content .check-list .one").length).toBe(1);
+
+ await wrapper.setData({
+ presessionStatus: true,
+ preTaskList: [{ id: 1, reuquired: false, content: "" }],
+ });
+
+ expect(wrapper.find("#pre .content .overlay").exists()).toBe(true);
+ expect(wrapper.findAll("#pre .content .check-list .one").length).toBe(1);
+
+ const event = jest.fn();
+ const button = wrapper.find("#pre .content button");
+
+ expect(button.exists()).toBe(true);
+
+ button.vm.$on("click", event);
+ button.trigger("click");
+
+ // expect(event).toHaveBeenCalled();
+ });
+
+ test("show a postsession tab view", async () => {
+ wrapper = mount(ConfigCheckListTab, {
+ data() {
+ return {
+ preTaskList: [],
+ postTaskList: [],
+ presessionStatus: false,
+ postsessionStatus: true,
+ tab: "post",
+ };
+ },
+ propsData: {
+ config: {
+ checklist: {
+ presession: {
+ status: false,
+ tasks: [],
+ },
+ postsession: {
+ status: false,
+ tasks: [],
+ },
+ },
+ },
+ },
+ localVue,
+ vuetify,
+ });
+
+ await wrapper.setData({
+ tab: "post",
+ postsessionStatus: true,
+ postTaskList: [{ id: 1, reuquired: false, content: "" }],
+ });
+
+ expect(wrapper.find("#post").exists()).toBe(true);
+ expect(wrapper.find("#post .content .overlay").exists()).toBe(true);
+ expect(wrapper.findAll("#post .content .check-list .one").length).toBe(1);
+
+ // const event = jest.fn();
+ const button = wrapper.find("#post .footer button");
+
+ expect(button.exists()).toBe(true);
+
+ // button.vm.$on("click", event);
+ // button.trigger("click");
+
+ // expect(event).toHaveBeenCalled(true);
+ });
+});
diff --git a/src/components/settings/__tests__/ConnectionsTab.spec.js b/src/components/settings/__tests__/ConnectionsTab.spec.js
new file mode 100644
index 00000000..2aefca2b
--- /dev/null
+++ b/src/components/settings/__tests__/ConnectionsTab.spec.js
@@ -0,0 +1,96 @@
+import Vuetify from "vuetify";
+import ConnectionsTab from "../ConnectionsTab.vue";
+
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+localVue.use(Vuetify);
+
+const vuetify = new Vuetify();
+
+describe("ConnectionsTabConnectionsTab.vue", () => {
+ test("render a view", () => {
+ const wrapper = mount(ConnectionsTab, {
+ propsData: {
+ config: {},
+ },
+ data() {
+ return {
+ setting: {},
+ row: null,
+ color: "#1976D2FF",
+ mask: "!#XXXXXXXX",
+ menu: false,
+ };
+ },
+ localVue,
+ vuetify,
+ });
+
+ expect(wrapper.find(".content-wrapper").exists()).toBe(true);
+ expect(wrapper.find(".content-wrapper .ext-conn-section").exists()).toBe(
+ true
+ );
+ expect(wrapper.findAll(".content-wrapper .ext-conn-section a").length).toBe(
+ 2
+ );
+
+ expect(wrapper.find(".content-wrapper .app-role-section").exists()).toBe(
+ true
+ );
+ expect(
+ wrapper
+ .find(".content-wrapper .app-role-section .switch-control")
+ .exists()
+ ).toBe(true);
+
+ expect(wrapper.find(".content-wrapper .color-panel-section").exists()).toBe(
+ true
+ );
+ expect(
+ wrapper.find(".content-wrapper .color-panel-section input").exists()
+ ).toBe(true);
+
+ expect(wrapper.find(".content-wrapper .cur-org-section").exists()).toBe(
+ true
+ );
+ expect(
+ wrapper.find(".content-wrapper .cur-org-section input").exists()
+ ).toBe(true);
+ expect(
+ wrapper.findAll(".content-wrapper .cur-org-section button").length
+ ).toBe(5);
+ expect(
+ wrapper.find(".content-wrapper .cur-org-section button.add-btn").exists()
+ ).toBe(true);
+ });
+
+ test('trigger the click event of "add org button"', () => {
+ const wrapper = mount(ConnectionsTab, {
+ propsData: {
+ config: {},
+ },
+ data() {
+ return {
+ setting: {},
+ row: null,
+ color: "#1976D2FF",
+ mask: "!#XXXXXXXX",
+ menu: false,
+ };
+ },
+ localVue,
+ vuetify,
+ });
+
+ const event = jest.fn();
+ const addBtn = wrapper.find(
+ ".content-wrapper .cur-org-section button.add-btn"
+ );
+
+ addBtn.vm.$on("click", event);
+ addBtn.trigger("click");
+
+ expect(event).toHaveBeenCalled();
+ });
+});
diff --git a/src/components/settings/__tests__/GeneralTab.spec.js b/src/components/settings/__tests__/GeneralTab.spec.js
new file mode 100644
index 00000000..d73caef5
--- /dev/null
+++ b/src/components/settings/__tests__/GeneralTab.spec.js
@@ -0,0 +1,60 @@
+import Vuetify from "vuetify";
+import GeneralTab from "../GeneralTab";
+
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const vuetify = new Vuetify();
+
+describe("GeneralTab.vue", () => {
+ test("render a view", () => {
+ const wrapper = mount(GeneralTab, {
+ propsData: {
+ config: {},
+ },
+ localVue,
+ vuetify,
+ });
+
+ expect(wrapper.find(".content-wrapper .theme-mode-section").exists()).toBe(
+ true
+ );
+ expect(
+ wrapper
+ .find(".content-wrapper .theme-mode-section .radio-control")
+ .exists()
+ ).toBe(true);
+
+ expect(wrapper.find(".content-wrapper .screenshot-section").exists()).toBe(
+ true
+ );
+ expect(
+ wrapper
+ .find(".content-wrapper .screenshot-section .switch-control")
+ .exists()
+ ).toBe(true);
+
+ expect(wrapper.find(".content-wrapper .note-section").exists()).toBe(true);
+ expect(wrapper.find(".content-wrapper .note-section input").exists()).toBe(
+ true
+ );
+
+ expect(
+ wrapper.find(".content-wrapper .screen-recording-section").exists()
+ ).toBe(true);
+ expect(
+ wrapper
+ .find(".content-wrapper .screen-recording-section .switch-control")
+ .exists()
+ ).toBe(true);
+
+ expect(
+ wrapper.find(".content-wrapper .capture-quality-section").exists()
+ ).toBe(true);
+ expect(
+ wrapper
+ .find(".content-wrapper .capture-quality-section .radio-control")
+ .exists()
+ ).toBe(true);
+ });
+});
diff --git a/src/components/settings/__tests__/SupportTab.spec.js b/src/components/settings/__tests__/SupportTab.spec.js
new file mode 100644
index 00000000..11e860ad
--- /dev/null
+++ b/src/components/settings/__tests__/SupportTab.spec.js
@@ -0,0 +1,20 @@
+import Vuetify from "vuetify";
+import SupportTab from "../SupportTab.vue";
+
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+localVue.use(Vuetify);
+
+const vuetify = new Vuetify();
+
+describe("SupportTab.vue", () => {
+ test("render a view", () => {
+ const wrapper = mount(SupportTab, {
+ localVue,
+ vuetify,
+ });
+
+ expect(wrapper.find(".content-wrapper").exists()).toBe(true);
+ });
+});
diff --git a/src/components/settings/__tests__/TemplateTab.spec.js b/src/components/settings/__tests__/TemplateTab.spec.js
new file mode 100644
index 00000000..a863f1fe
--- /dev/null
+++ b/src/components/settings/__tests__/TemplateTab.spec.js
@@ -0,0 +1,102 @@
+import Vuetify from "vuetify";
+import TemplateTab from "../TemplateTab.vue";
+
+import { mount, createLocalVue } from "@vue/test-utils";
+import { SESSION_TYPES } from "../../../modules/constants";
+
+const vuetify = new Vuetify();
+const localVue = createLocalVue();
+
+describe("TemplateTab.vue", () => {
+ test("render a view", () => {
+ const wrapper = mount(TemplateTab, {
+ propsData: {
+ config: {
+ templates: [{ precondition: {} }],
+ },
+ },
+ data() {
+ return {
+ setting: {},
+ templates: [],
+ template: {},
+ type: "",
+ sessionTypes: SESSION_TYPES,
+ };
+ },
+ localVue,
+ vuetify,
+ });
+
+ expect(wrapper.find(".content-wrapper .subtitle-1").exists()).toBe(true);
+ expect(wrapper.find(".content-wrapper .session-type").exists()).toBe(true);
+ expect(wrapper.find(".content-wrapper .session-type input").exists()).toBe(
+ true
+ );
+ expect(wrapper.find(".content-wrapper .precond").exists()).toBe(true);
+ // expect(wrapper.find(".content-wrapper .issue").exists()).toBe(true);
+ // expect(wrapper.find(".content-wrapper .issue input").exists()).toBe(true);
+ // expect(wrapper.find(".content-wrapper .bug").exists()).toBe(true);
+ // expect(wrapper.find(".content-wrapper .radio-control").exists()).toBe(true);
+ expect(wrapper.find(".content-wrapper .footer").exists()).toBe(true);
+ expect(wrapper.findAll(".content-wrapper .footer button").length).toBe(2);
+ });
+
+ test("trigger the click event of cancel button", () => {
+ const wrapper = mount(TemplateTab, {
+ propsData: {
+ config: {
+ templates: [{ precondition: {} }],
+ },
+ },
+ data() {
+ return {
+ setting: {},
+ templates: [],
+ template: {},
+ type: "",
+ sessionTypes: SESSION_TYPES,
+ };
+ },
+ localVue,
+ vuetify,
+ });
+
+ const button = wrapper.find(".content-wrapper .footer button:first-child");
+ const event = jest.fn();
+
+ button.vm.$on("click", event);
+ button.trigger("click");
+
+ expect(event).toHaveBeenCalled();
+ });
+
+ test("trigger the click event of save button", () => {
+ const wrapper = mount(TemplateTab, {
+ propsData: {
+ config: {
+ templates: [{ precondition: {} }],
+ },
+ },
+ data() {
+ return {
+ setting: {},
+ templates: [],
+ template: {},
+ type: "",
+ sessionTypes: SESSION_TYPES,
+ };
+ },
+ localVue,
+ vuetify,
+ });
+
+ const button = wrapper.find(".content-wrapper .footer button:last-child");
+ const event = jest.fn();
+
+ button.vm.$on("click", event);
+ button.trigger("click");
+
+ expect(event).toHaveBeenCalled();
+ });
+});
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
new file mode 100644
index 00000000..cd2af78c
--- /dev/null
+++ b/src/layouts/Default.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layouts/Minimize.vue b/src/layouts/Minimize.vue
new file mode 100644
index 00000000..9b583732
--- /dev/null
+++ b/src/layouts/Minimize.vue
@@ -0,0 +1,10 @@
+
+
+
{{ calculateTime(item.time) }}
- ![]()
+
+
+
+
+
+
diff --git a/src/views/EditSession.vue b/src/views/EditSession.vue
index 5f5cafba..bc534d40 100644
--- a/src/views/EditSession.vue
+++ b/src/views/EditSession.vue
@@ -45,6 +45,7 @@
fill
small
color="white"
+ :disabled="processing"
@click="handleDiscard"
>
Discard
@@ -54,6 +55,7 @@
fill
small
color="primary"
+ :disabled="processing"
@click="handleSave"
>
Save
@@ -79,32 +81,36 @@ export default {
return {
item: {},
items: [],
+ config: {},
comment: {
type: "Comment",
content: "",
text: "",
},
- commentTypes: TEXT_TYPES,
+ commentTypes: TEXT_TYPES.filter((item) => item !== "Summary"),
processing: false,
triggerSaveEvent: false,
};
},
created() {
this.fetchItems();
+ this.getConfig();
},
mounted() {
if (!window.ipc) return;
window.ipc.on("ACTIVE_SESSION", async (data) => {
- const { config } = await window.ipc.invoke(IPC_HANDLERS.DATABASE, {
- func: IPC_FUNCTIONS.GET_CONFIG,
- });
- const isDarkMode = config.apperance === "dark" ? true : false;
+ // set theme mode
+ const isDarkMode = this.config.apperance === "dark" ? true : false;
this.$vuetify.theme.dark = isDarkMode;
localStorage.setItem("isDarkMode", isDarkMode);
+ // set templates
this.item = data;
+ this.processing = false;
});
+ this.$root.$on("update-session", this.updateSession);
+ this.$root.$on("update-processing", this.updateProcessing);
this.$root.$on("save-data", this.saveData);
},
methods: {
@@ -117,6 +123,25 @@ export default {
this.items = result;
});
},
+
+ updateSession(value) {
+ this.item = value;
+ },
+ updateProcessing(value) {
+ console.log("new processing:", value);
+ this.processing = value;
+ },
+ async getConfig() {
+ if (!window.ipc) return;
+
+ window.ipc
+ .invoke(IPC_HANDLERS.DATABASE, {
+ func: IPC_FUNCTIONS.GET_CONFIG,
+ })
+ .then((result) => {
+ this.config = result;
+ });
+ },
updateComment({ content, text }) {
this.item.comment.content = content;
this.item.comment.text = text;
@@ -136,16 +161,11 @@ export default {
async handleSave() {
this.triggerSaveEvent = !this.triggerSaveEvent;
},
- async saveData(data) {
- this.item = data;
+ async saveData() {
this.items = this.items.map((item) => {
let temp = Object.assign({}, item);
if (temp.id === this.item.id) {
- temp = {
- ...this.item,
- fileName: data.fileName,
- filePath: data.filePath,
- };
+ temp = this.item;
}
return temp;
});
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index a2a7e34b..63541677 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -45,7 +45,12 @@
@@ -230,6 +244,8 @@ export default {
width: 100%;
display: flex;
align-items: center;
+ justify-content: center;
+ column-gap: 15px;
padding: 15px 0;
}
.content {
@@ -245,6 +261,10 @@ export default {
align-items: center;
padding: 0 5px;
}
+.v-tabs {
+ width: auto !important;
+ flex: none !important;
+}
.v-tab {
background: #fff;
border: 1px solid #d1d5db;
diff --git a/src/views/MinimizeView.vue b/src/views/MinimizeView.vue
new file mode 100644
index 00000000..721c517e
--- /dev/null
+++ b/src/views/MinimizeView.vue
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+
diff --git a/src/views/PrintView.vue b/src/views/PrintView.vue
index b866928e..445bcc50 100644
--- a/src/views/PrintView.vue
+++ b/src/views/PrintView.vue
@@ -6,6 +6,23 @@
+
+ mdi-window-maximize
+
+
+
+
+
+ Time
+ 00:00:26
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+ Summary
+
+
+
+
+
+ {{ type.title }}:
+ {{ type.count }}
+
+ {{ summary }}
+
+ ![]()
+
+
+ {{
+ item.comment.text
+ ? item.comment.type + ": " + item.comment.text
+ : ""
+ }}
+
+
+ {{
+ item.comment.text
+ ? item.comment.type + ": " + item.comment.text
+ : ""
+ }}
+
+
+ {{
+ item.comment.text
+ ? item.comment.type + ": " + item.comment.text
+ : ""
+ }}
+
+
+ {{
+ item.comment.text
+ ? item.comment.type + ": " + item.comment.text
+ : ""
+ }}
+
+
+