test: fix expected types

Note: After this commit, there are still a few incorrect expectations in the type tests.

Author: aleclarson

targets/web/src/types/__tests__/Spring.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { assert, test, _ } from 'spec.ts';
 import { animated, Spring } from '../..';
 import { AnimationResult, SpringValues, SpringUpdateFn } from 'core';
+import { UnknownPartial } from 'shared';
 
 const View = animated('div');
 
@@ -10,14 +11,17 @@ test('basic usage', () => {
     from={{ opacity: 0 }}
     to={{ opacity: 1, color: 'blue' }}
     onRest={result => {
-      assert(result, _ as AnimationResult<unknown>);
+      assert(result, _ as Readonly<AnimationResult<UnknownPartial>>);
     }}>
     {values => {
-      assert(values, _ as SpringValues<{
-        // FIXME: should include these
-        // opacity: number;
-        // color?: string;
-      }>);
+      assert(
+        values,
+        _ as SpringValues<{
+          // FIXME: should include these
+          // opacity: number;
+          // color?: string;
+        }>
+      );
       return <View style={values} />;
     }}
   </Spring>;
@@ -27,16 +31,22 @@ test('async "to" prop', () => {
   <Spring
     from={{ opacity: 0 }}
     to={async next => {
-      assert(next, _ as SpringUpdateFn<{
-        // FIXME: should include this
-        // opacity: number;
-      }>);
+      assert(
+        next,
+        _ as SpringUpdateFn<{
+          // FIXME: should include this
+          // opacity: number;
+        }>
+      );
     }}>
     {values => {
-      assert(values, _ as SpringValues<{
-        // FIXME: should include this
-        // opacity: number;
-      }>);
+      assert(
+        values,
+        _ as SpringValues<{
+          // FIXME: should include this
+          // opacity: number;
+        }>
+      );
       return <View style={values} />;
     }}
   </Spring>;

targets/web/src/types/__tests__/useSpring.tsx

@@ -83,6 +83,7 @@ test('infer animated array', () => {
   const props = useSpring({
     to: { foo: [0, 0] },
   });
+  assert(props.foo, _ as number[]);
   assert(
     props,
     _ as SpringValues<{

targets/web/src/types/__tests__/useSprings.tsx

@@ -1,13 +1,16 @@
 import { assert, test, _ } from 'spec.ts';
 import { useSprings, SpringStopFn } from '../..';
-import { Controller, ControllerProps } from 'core';
 import {
+  Controller,
+  ControllerProps,
   SpringsUpdateFn,
   SpringValues,
-} from '@react-spring/core/src/types/spring';
+} from 'core';
 
 const items: string[] = [];
 
+type State = { opacity: number };
+
 test('pass an array', () => {
   const springs = useSprings(
     items.length,
@@ -16,29 +19,23 @@ test('pass an array', () => {
       return { opacity: 1 / Number(item) };
     })
   );
-  assert(springs, _ as Array<
-    SpringValues<{
-      opacity: number;
-    }>
-  >);
+  assert(springs, _ as Array<SpringValues<State>>);
 });
 
 test('pass a function', () => {
   const [springs, set, stop] = useSprings(2, i => {
     assert(i, _ as number);
     return { opacity: i };
   });
-  type State = { opacity: number };
-  assert(springs, _ as Array<
-    SpringValues<{
-      opacity: number;
-    }>
-  >);
+
+  assert(springs, _ as Array<SpringValues<State>>);
+
   set({ opacity: 1 });
   set([{ opacity: 1 }, { opacity: 0.5 }]);
-  set((_index: number, _spring: Controller<{ opacity: number }>) => {
-    return _ as ControllerProps<{ opacity?: number }>;
+  set((_index: number, _spring: Controller<State>) => {
+    return _ as ControllerProps<State>;
   });
+
   assert(set, _ as SpringsUpdateFn<State>);
   assert(stop, _ as SpringStopFn<State>);
 });