Merge pull request #549 from Geode-solutions/feat/color-tests

Feat/color tests

Author: BotellaA

app/components/Auth/AuthForgotPasswordDialog.vue

@@ -4,7 +4,7 @@ import { emailRules } from "~/utils/validation.js";
 
 const show = defineModel({ type: Boolean, default: false });
 
-const email = defineModel("email");
+const email = defineModel("email", { type: String });
 
 const { loading } = defineProps({
   loading: { type: Boolean, default: false },

app/components/Auth/AuthForm.vue

@@ -8,9 +8,9 @@ const { isLogin, loading } = defineProps({
 
 const error = defineModel("error", { type: String, default: "" });
 const successMessage = defineModel("successMessage", { type: String, default: "" });
-const email = defineModel("email");
-const password = defineModel("password");
-const confirmPassword = defineModel("confirmPassword");
+const email = defineModel("email", { type: String });
+const password = defineModel("password", { type: String });
+const confirmPassword = defineModel("confirmPassword", { type: String });
 
 const emit = defineEmits(["submit", "toggle-mode", "forgot-password"]);
 

app/components/ImportFile.vue

@@ -4,9 +4,9 @@ import { useUIStore } from "@vease/stores/ui";
 
 const emit = defineEmits(["update_values", "increment_step", "decrement_step", "reset_values"]);
 
-const { filenames, geode_object_type } = defineProps({
+const { filenames, geodeObjectType } = defineProps({
   filenames: { type: Array, required: true },
-  geode_object_type: { type: String, required: true },
+  geodeObjectType: { type: String, required: true },
 });
 
 const UIStore = useUIStore();
@@ -21,7 +21,7 @@ async function import_files() {
   toggle_loading();
   const files_array = filenames.map((filename) => ({
     filename,
-    geode_object_type,
+    geode_object_type: geodeObjectType,
   }));
   try {
     await importWorkflow(files_array);

app/components/NewProject.vue

@@ -1,11 +1,11 @@
 <script setup>
 const emit = defineEmits(["close"]);
-const { show_dialog } = defineProps({
-  show_dialog: { type: Boolean, required: true },
+const { showDialog } = defineProps({
+  showDialog: { type: Boolean, required: true },
 });
 
 const isVisible = computed({
-  get: () => show_dialog,
+  get: () => showDialog,
   set: (value) => {
     if (!value) {
       emit("close");

app/components/OpenProject.vue

@@ -1,11 +1,11 @@
 <script setup>
 const emit = defineEmits(["close"]);
-const { show_dialog } = defineProps({
-  show_dialog: { type: Boolean, required: true },
+const { showDialog } = defineProps({
+  showDialog: { type: Boolean, required: true },
 });
 
 const isVisible = computed({
-  get: () => show_dialog,
+  get: () => showDialog,
   set: (value) => {
     if (!value) {
       emit("close");

app/components/StepImport.vue

@@ -36,8 +36,8 @@ const stepper_tree = useStepperTree(
         component_options: {
           multiple: true,
           files,
-          auto_upload,
-          show_overlay: false,
+          autoUpload: auto_upload,
+          showOverlay: false,
         },
       },
       chips: computed(() => files.value.map((file) => file.name)),
@@ -58,7 +58,7 @@ const stepper_tree = useStepperTree(
         component_name: shallowRef(MissingFilesSelector),
         component_options: {
           multiple: true,
-          geode_object_type,
+          geodeObjectType: geode_object_type,
           filenames: computed(() => files.value.map((file) => file.name)),
         },
       },
@@ -69,7 +69,7 @@ const stepper_tree = useStepperTree(
       component: {
         component_name: shallowRef(ImportFile),
         component_options: {
-          geode_object_type,
+          geodeObjectType: geode_object_type,
           filenames: computed(() => files.value.map((file) => file.name)),
         },
       },
@@ -108,5 +108,5 @@ watch(
 </script>
 
 <template>
-  <Stepper :stepper_tree="stepper_tree" @close="handleClose" @reset_values="reset_values" />
+  <Stepper :stepperTree="stepper_tree" @close="handleClose" @reset_values="reset_values" />
 </template>

tests/e2e/tests/edged_curve.test.js

@@ -6,6 +6,8 @@ import { expect } from "@playwright/test";
 // Local imports
 import {
   beforeAllTimeout,
+  changeColor,
+  changeOpacity,
   edgeAttribute,
   loadData,
   navigateToApp,
@@ -20,6 +22,7 @@ const inputFilename = "test.og_edc3d";
 const attributeName = "edges";
 let window = undefined;
 let cleanup = undefined;
+const OPACITY_50 = 50;
 
 test.beforeAll(async ({ mode, browser }) => {
   ({ window, cleanup } = await navigateToApp(mode, browser));
@@ -59,3 +62,13 @@ test("edge attribute", async () => {
   await edgeAttribute(window, "meshEdgesMenu", attributeName);
   await expect(window).toHaveScreenshot();
 });
+
+test("color", async () => {
+  await changeColor(window, "meshEdgesMenu");
+  await expect(window).toHaveScreenshot();
+});
+
+test("opacity", async () => {
+  await changeOpacity(window, "meshEdgesMenu", OPACITY_50);
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/grid2d.test.js

@@ -7,6 +7,8 @@ import { expect } from "@playwright/test";
 import {
   beforeAllTimeout,
   cellAttribute,
+  changeColor,
+  changeOpacity,
   loadData,
   navigateToApp,
   pointsVisibility,
@@ -20,6 +22,7 @@ const inputFilename = "test.og_rgd2d";
 const attributeName = "RGB_data";
 let window = undefined;
 let cleanup = undefined;
+const OPACITY_50 = 50;
 
 test.beforeAll(async ({ mode, browser }) => {
   ({ window, cleanup } = await navigateToApp(mode, browser));
@@ -59,3 +62,13 @@ test("cell attribute", async () => {
   await cellAttribute(window, "meshCellsMenu", attributeName);
   await expect(window).toHaveScreenshot();
 });
+
+test("color", async () => {
+  await changeColor(window, "meshCellsMenu");
+  await expect(window).toHaveScreenshot();
+});
+
+test("opacity", async () => {
+  await changeOpacity(window, "meshCellsMenu", OPACITY_50);
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/grid3d.test.js

@@ -7,6 +7,8 @@ import { expect } from "@playwright/test";
 import {
   beforeAllTimeout,
   cellAttribute,
+  changeColor,
+  changeOpacity,
   loadData,
   navigateToApp,
   pointsVisibility,
@@ -20,6 +22,7 @@ const inputFilename = "test.og_rgd3d";
 const attributeName = "int_attribute";
 let window = undefined;
 let cleanup = undefined;
+const OPACITY_50 = 50;
 
 test.beforeAll(async ({ mode, browser }) => {
   ({ window, cleanup } = await navigateToApp(mode, browser));
@@ -59,3 +62,13 @@ test("cell attribute", async () => {
   await cellAttribute(window, "meshCellsMenu", attributeName);
   await expect(window).toHaveScreenshot();
 });
+
+test("color", async () => {
+  await changeColor(window, "meshCellsMenu");
+  await expect(window).toHaveScreenshot();
+});
+
+test("opacity", async () => {
+  await changeOpacity(window, "meshCellsMenu", OPACITY_50);
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/model.test.js

@@ -7,6 +7,8 @@ import { expect } from "@playwright/test";
 import {
   afterActionWait,
   beforeAllTimeout,
+  changeColor,
+  changeOpacity,
   loadData,
   navigateToApp,
   pointsVisibility,
@@ -22,6 +24,7 @@ const attributeName = "tetrahedron_vertices";
 let window = undefined;
 let cleanup = undefined;
 const OFFSET = 10;
+const OPACITY_50 = 50;
 
 test.beforeAll(async ({ mode, browser }) => {
   ({ window, cleanup } = await navigateToApp(mode, browser));
@@ -62,6 +65,16 @@ test("polyhedron attribute", async () => {
   await expect(window).toHaveScreenshot();
 });
 
+test("color", async () => {
+  await changeColor(window, "modelStyleMenu");
+  await expect(window).toHaveScreenshot();
+});
+
+test("opacity", async () => {
+  await changeOpacity(window, "modelStyleMenu", OPACITY_50);
+  await expect(window).toHaveScreenshot();
+});
+
 test("object tree context menu", async () => {
   console.log("Right click on the BRep from object tree");
   const mainObjectTree = window.getByTestId("mainObjectTree");