Fix Behat coverage collection when page navigates (#2037)

README.md

@@ -1,8 +1,8 @@
-# Agile UI - Low-code PHP Framework for Web Apps
+# Agile UI - Robust and easy to use PHP Framework for Web Apps
 
-[Agile Toolkit](https://agiletoolkit.org/) is a Low Code framework written in PHP. Agile UI implement server side rendering engine and over 50 UI generic components for interacting with your Data Model.
+Agile UI implement server side rendering engine and over 50 UI generic components for interacting with your data.
 
-Agile UI is quickest way for building back-end UI, admin interfaces, data management systems for medium and large projects designed around roles, complex logic, formulas.
+Agile UI is the quickest way for building back-end UI, admin interfaces, data management systems for medium and large projects designed around roles, complex logic, formulas...
 
  - Agile UI relies on abstract data. It could be stored in SQL, NoSQL or in external API.
  - Agile UI adjusts to your data model. If you change your model structure, UI will reflect that.

demos/javascript/vue-component.php

@@ -21,21 +21,22 @@
 
 // Inline Edit
 
-$model = new Country($app->db);
-$model = $model->loadAny();
+$entity = (new Country($app->db))
+    ->setOrder(Country::hinting()->fieldName()->id)
+    ->loadAny();
 
 $subHeader = 'Try me. I will restore value on "Escape" or save it on "Enter" or when field get blur after it has been changed.';
 Header::addTo($app, ['Inline editing.', 'size' => 3, 'subHeader' => $subHeader]);
 
 View::addTo($app)->set('with autoSave');
 $inlineEditWithAutoSave = VueComponent\InlineEdit::addTo($app, ['autoSave' => true]);
-$inlineEditWithAutoSave->fieldName = $model->fieldName()->name;
-$inlineEditWithAutoSave->setModel($model);
+$inlineEditWithAutoSave->fieldName = $entity->fieldName()->name;
+$inlineEditWithAutoSave->setModel($entity);
 
 View::addTo($app)->set('with onChange callback');
 $inlineEditWithCallback = VueComponent\InlineEdit::addTo($app);
-$inlineEditWithCallback->fieldName = $model->fieldName()->name;
-$inlineEditWithCallback->setModel($model);
+$inlineEditWithCallback->fieldName = $entity->fieldName()->name;
+$inlineEditWithCallback->setModel($entity);
 $inlineEditWithCallback->onChange(function (string $value) use ($app) {
     $view = new Message();
     $view->setApp($app);

js/src/vue-components/inline-edit.component.js

@@ -87,7 +87,7 @@ export default {
                 method: 'POST',
                 onComplete: function (r, e) {
                     if (r.hasValidationError) {
-                        that.clearError();
+                        that.hasError = true;
                     } else {
                         that.lastValueValid = that.value;
                     }