test(e2e): MacroRugoRemous: check select error message when target PAM exists...

test(e2e): MacroRugoRemous: check select error message when target PAM exists has variated parameters

refs #609

e2e/macrorugo-remous.e2e-spec.ts

@@ -2,16 +2,19 @@ import { ListPage } from "./list.po";
 import { browser, by, element } from "protractor";
 import { PreferencesPage } from "./preferences.po";
 import { Navbar } from "./navbar.po";
+import { CalculatorPage } from "./calculator.po";
 
 describe("MacroRugoRemous - ", () => {
     let prefPage: PreferencesPage;
     let listPage: ListPage;
     let navBar: Navbar;
+    let calcPage: CalculatorPage;
 
     beforeAll(() => {
         prefPage = new PreferencesPage();
         listPage = new ListPage();
         navBar = new Navbar();
+        calcPage = new CalculatorPage();
         // browser.manage().window().setPosition(2000, 30);
     });
 
@@ -55,4 +58,49 @@ describe("MacroRugoRemous - ", () => {
         const emptyMsg = element(by.css("div .message-when-empty"));
         expect(await emptyMsg.isPresent()).toBe(false);
     });
+
+    it("check select error message when target PAM has no variated parameter", async () => {
+        // start page
+        await navBar.clickNewCalculatorButton();
+        await browser.sleep(200);
+
+        // PAM calculator
+        await listPage.clickMenuEntryForCalcType(11);
+        browser.sleep(200);
+
+        // MacroRugoRemous calculator
+        await navBar.clickNewCalculatorButton();
+        await browser.sleep(200);
+
+        await listPage.clickMenuEntryForCalcType(37);
+        browser.sleep(200);
+
+        const errorMsg = element(by.css("div .select-error-message"));
+        expect(await errorMsg.isPresent()).toBe(false);
+    });
+
+    it("check select error message when target PAM has a variated parameter", async () => {
+        // start page
+        await navBar.clickNewCalculatorButton();
+        await browser.sleep(200);
+    
+        // PAM calculator
+        await listPage.clickMenuEntryForCalcType(11);
+        browser.sleep(200);
+
+        // set ZF1 to variated mode
+        const zf1 = calcPage.getInputById("ZF1");
+        await calcPage.setParamMode(zf1, "var");
+        await browser.sleep(200);
+
+        // MacroRugoRemous calculator
+        await navBar.clickNewCalculatorButton();
+        await browser.sleep(200);
+
+        await listPage.clickMenuEntryForCalcType(37);
+        browser.sleep(200);
+
+        const errorMsg = element(by.css("div .select-error-message"));
+        expect(await errorMsg.isPresent()).toBe(true);
+    });
 });

src/app/components/generic-select/generic-select.component.html

@@ -23,6 +23,6 @@
 <div *ngIf="messageWhenEmpty" class="message-when-empty">
     {{ messageWhenEmpty }}
 </div>
-<div *ngIf="errorMessage" class="message-when-empty">
+<div *ngIf="errorMessage" class="select-error-message">
     {{ errorMessage }}
 </div>

src/app/components/select-field-line/select-field-line.component.scss

@@ -18,3 +18,8 @@ mat-form-field {
     color: #af1280; // like mat-error
     font-weight: 500;
 }
+
+.select-error-message {
+    color: #af1280; // like mat-error
+    font-weight: 500;
+}