Made reading UI values more fluent.

The narrative was interrupted by the .value() so hidden away for now behind a more fluent method

browse-the-web/src/main/java/net/serenitybdd/screenplay/questions/ValueOf.java

@@ -0,0 +1,7 @@
+package net.serenitybdd.screenplay.questions;
+
+public class ValueOf {
+    public static <OUTPUT> OUTPUT the(UIState<OUTPUT> answer) {
+        return answer.value();
+    }
+}

browse-the-web/src/test/groovy/net/serenitybdd/screenplay/questions/WhenReadingUIValues.groovy

@@ -194,11 +194,18 @@ class WhenReadingUIValues extends Specification {
             SelectedOptions.of(target).viewedBy(actor).asList() == [["value1", "value2"], ["value3", "value4"]]
     }
 
-    def "should read css value"() {
+    def "should be able to read values without calling value() directly"() {
         when:
             element.getCssValue("font") >> "Italics"
         then:
-            CSSValue.of(target).named("font").viewedBy(actor).value() == "Italics"
+            ValueOf.the(CSSValue.of(target).named("font").viewedBy(actor)) == "Italics"
+    }
+
+    def "should read css value"() {
+        when:
+        element.getCssValue("font") >> "Italics"
+        then:
+        CSSValue.of(target).named("font").viewedBy(actor).value() == "Italics"
     }
 
     def "should read multiple css values"() {