From 5795a78cd5944d4bfca80bc8e0cc8368f1ffd0df Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Tue, 11 Feb 2020 17:23:25 +0000
Subject: [PATCH] fix rotation on state arrow

---
 .../src/userInterface/PropertyCascader.svelte |  8 ++---
 packages/server/tests/builder.spec.js         | 33 +++++++++++++++++++
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/userInterface/PropertyCascader.svelte b/packages/builder/src/userInterface/PropertyCascader.svelte
index 36b624a6b3..0de1f21519 100644
--- a/packages/builder/src/userInterface/PropertyCascader.svelte
+++ b/packages/builder/src/userInterface/PropertyCascader.svelte
@@ -58,14 +58,14 @@
         onChanged(e.target.value);
       }} />
     <button on:click={() => (isOpen = !isOpen)}>
-      <span
+      <div
         class="icon"
         style={`
-        transform: rotate(${isOpen ? 180 : -90}deg);
-        color: ${bindingPath ? 'rgba(0, 85, 255, 0.8)' : 'inherit'}
+        transform: rotate(${isOpen ? 0 : 90}deg);
+        color: ${bindingPath ? 'rgba(0, 85, 255, 0.8);' : 'inherit;'}
       `}>
         <ArrowDownIcon size={36} />
-      </span>
+      </div>
     </button>
   </div>
   {#if isOpen}
diff --git a/packages/server/tests/builder.spec.js b/packages/server/tests/builder.spec.js
index 1d6fef6d3d..97ace40a72 100644
--- a/packages/server/tests/builder.spec.js
+++ b/packages/server/tests/builder.spec.js
@@ -9,6 +9,7 @@ const screen1 = require("../appPackages/testApp/pages/main/screens/screen1.json"
 const screen2 = require("../appPackages/testApp/pages/main/screens/screen2.json")
 const { readJSON, pathExists, unlink, readFile } = require("fs-extra")
 const { getHashedCssPaths } = require("../utilities/builder/convertCssToFiles")
+const listScreens = require("../utilities/builder/listScreens");
 
 const app = require("./testApp")()
 testComponents.textbox.name = `./customComponents/textbox`
@@ -217,3 +218,35 @@ it("/savePage should prepare all necessary client files", async () => {
   expect(savedScreen2Css).toEqual(screen2Css)
   expect(indexHtmlMain.includes(screen2CssPaths.url)).toBe(true)
 })
+
+it("builds the correct stateOrigins object from a screen definition with no handlers", () => {
+  expect(listScreens.buildStateOrigins(screen1)).toEqual({});
+});
+
+it("builds the correct stateOrigins object from a screen definition with handlers", () => {
+  expect(listScreens.buildStateOrigins({
+    "name": "screen1",
+    "description": "",
+    "props": {
+    "_component": "@budibase/standard-components/div",
+      "className": "",
+      "onClick": [
+        {
+          "##eventHandlerType": "Set State",
+          "parameters": {
+            "path": "testKey",
+            "value": "value"
+          }
+        }
+      ]
+    }
+  })).toEqual({
+    "testKey": {
+      "##eventHandlerType": "Set State",
+      "parameters": {
+        "path": "testKey",
+        "value": "value"
+      }
+    }
+  });
+});