Improve tests

e2e/layer-editor.spec.ts

@@ -410,13 +410,17 @@ describe("layer editor", () => {
         });
       });
 
-      test("should set the property and the default", async () => {
+      test("should set the property", async () => {
-        // The property is only written to the style on the next change, so these
-        // two have to be set together.
         await when.setFunctionProperty("circle-blur", "myprop");
+        await then(get.styleFromLocalStorage()).shouldDeepNestedInclude({
+          layers: [{ id, paint: { "circle-blur": { property: "myprop" } } }],
+        });
+      });
+
+      test("should set the default", async () => {
         await when.setFunctionDefault("circle-blur", "0.5");
         await then(get.styleFromLocalStorage()).shouldDeepNestedInclude({
-          layers: [{ id, paint: { "circle-blur": { property: "myprop", default: 0.5 } } }],
+          layers: [{ id, paint: { "circle-blur": { default: 0.5 } } }],
         });
       });
 

e2e/maputnik-driver.ts

@@ -234,10 +234,15 @@ export class MaputnikDriver {
       await container.locator("[data-wd-key='function-base'] input").fill(value);
     },
 
-    /** Sets the data property a data function keys off of. */
+    /**
+     * Sets the data property a data function keys off of. This is an InputString,
+     * which only commits its value on blur, so typing alone is not enough.
+     */
     setFunctionProperty: async (fieldName: string, value: string) => {
       const container = this.helper.get.elementByTestId("spec-field-container:" + fieldName);
-      await container.locator("[data-wd-key='function-property'] input").fill(value);
+      const input = container.locator("[data-wd-key='function-property'] input");
+      await input.fill(value);
+      await input.blur();
     },
 
     /** Sets the fallback value used when a feature has no matching stop. */