Support creating relationship on canvas by alt-clicking two nodes

.github/workflows/release-doc.yml

@@ -4,6 +4,7 @@
 name: Release
 
 "on":
+  pull_request:
   push:
     branches:
       - master

docs/modules/ROOT/pages/operations/index.adoc

@@ -17,4 +17,4 @@
 * xref:operations/rest-requests.adoc[] -- HTTP REST commands.
 * xref:operations/browser-rbac-count.adoc[] -- Manual refresh of counts due to RBAC.
 * xref:operations/product-analytics.adoc[] -- Configure consent for anonymous usage statistics.
-
+* xref:operations/on-canvas-operations.adoc[] -- On-Canvas Operations.

docs/modules/ROOT/pages/operations/on-canvas-operations.adoc

@@ -0,0 +1,20 @@
+:description: On-Canvas Operations
+
+
+[[on-canvas-operations]]
+= On-Canvas Operations
+
+== Double-Clicking the Canvas
+
+*Double clicking the white area* on canvas will automatically generate a new node with
+
+1. an auto-incremented ID, i.e. (the max ID of nodes on canvas) + 1
+2. a label of "Undefined"
+3. the node caption of "New Node"
+
+== Editing the Node Properties in Inspector Panel
+
+*Clicking the property value* in node inspector panel will make that property editable and un-clicking the text box
+(by for example clicking somewhere else) will persist the new value into Neo4J database:
+
+image:modifying-node-properties-example.png[width=600]

e2e_tests/integration/viz.spec.ts

@@ -257,6 +257,13 @@ describe('Viz rendering', () => {
       'Undefined'
     )
 
+    cy.get('[data-testid="nodeGroups"]')
+      .contains('New Node')
+      .trigger('mouseover')
+      .get('[data-testid="viz-details-pane-properties-table"]')
+      .find('td:nth-child(4)')
+      .should('have.text', 'description')
+
     cy.executeCommand('MATCH (n) DETACH DELETE n')
   })
 })