February 2024

Features

E2E UI Tests for Vue

Vue targets generate an additional solution in the CsUITest folder. The testing framework generates page object models for the corresponding web application. This allows the tests to be written with an API that references recognizable business objects like the names of your forms, menus and fields, instead of raw html. This makes tests much quicker to write, easier to read and maintain, and more resilient to changes in Vue implementation. The project contains a comprehensive readme with many examples of written tests.

Command line scripts for Vue

Opening a full IDE over large solutions has become increasingly resource intensive. Vue targets generate powershell scripts that allow the project to be built and run from the command line, without opening any editor. The following scripts were added:

  • build.ps1 - builds the server and client side in place (faster) in debug mode
  • run.ps1 - launches 2 console processes in paralel, one running Vite frontend, the other the AspCore backend, just like F5 in VS (without debug). You can terminate each process by doing CTRL+C.
  • publish.ps1 - builds the solution in release mode and creates de publish directory.
  • setupiis.ps1 - Creates an AppPool and Website pointing directly to the publish directory. (only needs to be done once)

run these by double clicking the script in explorer or in a poweshell window.

WebAdmin Net Core Migration

Like VueJS applications, webadmin has been migrated from .Net Framework to .Net Core. An extensive guide can be checked here.

Widgets with Submenus

It was added a the possibility for widgets of type "menu" to render their respective submenus. This way it creates a alternative & faster way to navigate through the application via a dashboard.

Some important notes:

  • When defining a new widget, a proper height should be considered according to the number of submenus that will be rendered
  • Widgets with a menu that has a “show when” condition equal to false (ex: 1==0) will be rendered in the dashboard
  • Submenus with a “show when" condition will not be shown if the condition is false

image

Git integration after generation

GenioWeb now offers an enhanced alternative workflow for its users, allowing the generated code to be committed to a Git repository. This enables users to conveniently pull the modified code without the need to download and extract ZIP files for both the App and WebAdmin.

Help items

Now there are different types of help available and you can apply different types of help depending on the type of component as well as add types of helps for a specific component. For more information consult the documentation.