b5e2c31...develop · reflex-dom

git.iko.soy/reflex-dom

24 files changed+951−99

since splitsnapshots

unifiedsplit

.github/workflows/haskell.yml+47 cabal.project+10−1 cabal.project-nogtk+14 dep/reflex-platform/default.nix+1−6 dep/reflex-platform/github.json+4−3 dep/reflex-platform/thunk.nix+9 reflex-dom-core/ChangeLog.md+19 reflex-dom-core/reflex-dom-core.cabal+20−8 reflex-dom-core/src/Reflex/Dom/Builder/Class.hs+2−1 reflex-dom-core/src/Reflex/Dom/Builder/Immediate.hs+56−17 reflex-dom-core/src/Reflex/Dom/Builder/Static.hs+35−10 reflex-dom-core/src/Reflex/Dom/Main.hs+37−7 reflex-dom-core/src/Reflex/Dom/Prerender.hs+1 reflex-dom-core/src/Reflex/Dom/Widget/Lazy.hs+1−1 reflex-dom-core/test/hlint.hs+1−1 reflex-dom-core/test/hydration.hs+352−39 reflex-dom-test-selenium/CHANGELOG.md+5 reflex-dom-test-selenium/LICENSE+12 reflex-dom-test-selenium/Setup.hs+2 reflex-dom-test-selenium/add-overrides.nix+20 reflex-dom-test-selenium/reflex-dom-test-selenium.cabal+41 reflex-dom-test-selenium/src/Reflex/Dom/Test/Selenium.hs+249 reflex-dom/ChangeLog.md+8 reflex-dom/reflex-dom.cabal+5−5

.github/workflows/haskell.ymlnew file+47

@@ -0,0 +1,47 @@

1+name: github-action

3+on: [push, pull_request]

5+jobs:

6+ build:

7+ strategy:

8+ matrix:

9+ ghc: ['8.4.4', '8.6.5', '8.8.4', '8.10.2']

10+ os: ['ubuntu-latest', 'macos-latest']

11+ exclude:

12+ # There are some linker warnings in 802 on darwin that

13+ # cause compilation to fail

14+ # See https://github.com/NixOS/nixpkgs/issues/25139

15+ - ghc: '8.0.2'

16+ os: 'macos-latest'

17+ runs-on: ${{ matrix.os }}

18+

19+ name: GHC ${{ matrix.ghc }} on ${{ matrix.os }}

20+ steps:

21+ - uses: actions/checkout@v2

22+ - uses: actions/setup-haskell@v1

23+ with:

24+ ghc-version: ${{ matrix.ghc }}

25+ - name: Cache

26+ uses: actions/cache@v1

27+ env:

28+ cache-name: cache-cabal

29+ with:

30+ path: ~/.cabal

31+ key: ${{ runner.os }}-${{ matrix.ghc }}-build-${{ env.cache-name }}-${{ hashFiles('**/*.cabal') }}-${{ hashFiles('**/cabal.project') }}

32+ restore-keys: |

33+ ${{ runner.os }}-${{ matrix.ghc }}-build-${{ env.cache-name }}-

34+ ${{ runner.os }}-${{ matrix.ghc }}-build-

35+ ${{ runner.os }}-${{ matrix.ghc }}-

36+ ${{ runner.os }}

37+

38+ - name: Set up cabal project file to avoid webkit2gtk

39+ run: cp cabal.project-nogtk cabal.project

40+ - name: Install dependencies

41+ run: |

42+ cabal update

43+ cabal build --only-dependencies --enable-tests --enable-benchmarks all

44+ - name: Build

45+ run: cabal build --enable-tests --enable-benchmarks all

46+ - name: Run tests

47+ run: cabal test all

cabal.project+10−1

@@ -1 +1,10 @@

1−packages: reflex-dom-core, reflex-dom

1+packages:

2+ reflex-dom-core/

3+ reflex-dom/

4+ chrome-test-utils/

5+ reflex-dom-test-selenium/

7+source-repository-package

8+ type: git

9+ location: https://github.com/dfordivam/hspec-webdriver-clone

10+ tag: 0d748b7bb7cd74dce0a55a1ec86b01dbb8a71cd8

cabal.project-nogtknew file+14

@@ -0,0 +1,14 @@

1+packages:

2+ reflex-dom-core/

3+ reflex-dom/

5+package reflex-dom-core

6+ flags: -hydration-tests -gc-tests

8+package reflex-dom

9+ flags: +use-warp -webkit2gtk

10+

11+source-repository-package

12+ type: git

13+ location: https://github.com/dfordivam/hspec-webdriver-clone

14+ tag: 0d748b7bb7cd74dce0a55a1ec86b01dbb8a71cd8

dep/reflex-platform/default.nix+1−6

@@ -1,7 +1,2 @@

11# DO NOT HAND-EDIT THIS FILE

2−import ((import <nixpkgs> {}).fetchFromGitHub (

3− let json = builtins.fromJSON (builtins.readFile ./github.json);

4− in { inherit (json) owner repo rev sha256;

5− private = json.private or false;

6− }

7−))

2+import (import ./thunk.nix)

dep/reflex-platform/github.json+4−3

@@ -1,7 +1,8 @@

11{

22 "owner": "reflex-frp",

33 "repo": "reflex-platform",

4− "branch": "master",

5− "rev": "510b990d0b11f0626afbec5fe8575b5b2395391b",

6− "sha256": "09cmahsbxr0963wq171c7j139iyzz49hramr4v9nsf684wcwkngv"

4+ "branch": "aa-bump-some",

5+ "private": false,

6+ "rev": "fd5acecb50474f795734db9fb924cc3b2fd2b508",

7+ "sha256": "0wsdd67g42klsf9n3pxb3pndjdz36nzf8gp7pfm8j6nyyy2qribk"

78}

dep/reflex-platform/thunk.nixnew file+9

@@ -0,0 +1,9 @@

1+# DO NOT HAND-EDIT THIS FILE

2+let fetch = { private ? false, fetchSubmodules ? false, owner, repo, rev, sha256, ... }:

3+ if !fetchSubmodules && !private then builtins.fetchTarball {

4+ url = "https://github.com/${owner}/${repo}/archive/${rev}.tar.gz"; inherit sha256;

5+ } else (import <nixpkgs> {}).fetchFromGitHub {

6+ inherit owner repo rev sha256 fetchSubmodules private;

7+ };

8+ json = builtins.fromJSON (builtins.readFile ./github.json);

9+in fetch json

reflex-dom-core/ChangeLog.md+19

@@ -1,5 +1,24 @@

11# Revision history for reflex-dom-core

3+## 0.6.2.1

5+* Fix hlint complaints with newer GHC.

7+## 0.6.2.0

9+* ([#400](https://github.com/reflex-frp/reflex-dom/pull/400/files)) Set value of input elements in static renderer

10+

11+## 0.6.1.0

12+

13+* Bump version bounds

14+* Update for new dependent-map and dependent-sum version (after the "some" package split)

15+* Add `MonadAtomicRef` instance for `UnrunnableT`

16+* Fix ([#467](https://github.com/reflex-frp/reflex-dom/issues/467)): Prevent multiple firings of XHR response event

17+* Updates for GHC 8.10

18+* Move `HasSetValue` from Reflex.Dom.Widget.Input to Reflex.Dom.Builder.Class and add an instance for `TextAreaElementConfig`

19+* Add `now` to the `MonadHold` instance for `UnrunnableT`

20+

21+

322## 0.6.0.0

423

524* ([#375](https://github.com/reflex-frp/reflex-dom/pull/375)) **(Breaking change)** Expose resized dimensions from `resizeDetector`, `resizeDetectorWithStyle`, and `resizeDetectorWithAttrs` from `Reflex.Dom.Widget.Resize`.

reflex-dom-core/reflex-dom-core.cabal+20−8

@@ -1,6 +1,6 @@

11cabal-version: 1.24

22Name: reflex-dom-core

3−Version: 0.6.0.0

3+Version: 0.6.2.1

44Synopsis: Functional Reactive Web Apps with Reflex

55Description:

66 Web applications without callbacks or side-effects.

@@ -54,11 +54,21 @@ flag split-these

5454 manual: False

5555 default: True

5656

57+flag hydration-tests

58+ description: Whether to run the hydration tests (currently only available on linux)

59+ default: True

60+ manual: True

61+

62+flag gc-tests

63+ description: Whether to run the gc tests (currently only available on linux)

64+ default: True

65+ manual: True

66+

5767library

5868 hs-source-dirs: src

5969 build-depends:

60− aeson >= 0.8 && < 1.5,

61− base >= 4.7 && < 4.14,

70+ aeson >= 0.8 && < 1.6,

71+ base >= 4.7 && < 4.15,

6272 bifunctors >= 4.2 && < 6,

6373 bimap >= 0.3 && < 0.5,

6474 blaze-builder >= 0.4.1 && < 0.5,

@@ -83,7 +93,7 @@ library

8393 primitive >= 0.5 && < 0.8,

8494 random >= 1.1 && < 1.2,

8595 ref-tf == 0.4.*,

86− reflex >= 0.6.2 && < 0.8,

96+ reflex >= 0.8 && < 0.9,

8797 semigroups >= 0.16 && < 0.20,

8898 stm >= 2.4 && < 2.6,

8999 text == 1.2.*,

@@ -159,14 +169,16 @@ library

159169 if flag(use-template-haskell)

160170 build-depends:

161171 dependent-sum-template >= 0.1 && < 0.2,

162− template-haskell >= 2.12.0 && < 2.16

172+ template-haskell >= 2.12.0 && < 2.17

163173 other-extensions: TemplateHaskell

164174 cpp-options: -DUSE_TEMPLATE_HASKELL

165175 other-modules:

166176 Reflex.Dom.Builder.Class.TH

167177

168178test-suite hlint

169− build-depends: base, hlint

179+ build-depends:

180+ base,

181+ hlint >= 2.0 && < 4.0

170182 hs-source-dirs: test

171183 main-is: hlint.hs

172184 type: exitcode-stdio-1.0

@@ -218,7 +230,7 @@ test-suite hydration

218230 main-is: hydration.hs

219231 type: exitcode-stdio-1.0

220232 default-language: Haskell98

221− if !os(linux) || !arch(x86_64) || flag(profile-reflex)

233+ if !os(linux) || !arch(x86_64) || flag(profile-reflex) || !flag(hydration-tests)

222234 buildable: False

223235

224236-- broken test on base 4.11 & ghc 8.4.3

@@ -238,7 +250,7 @@ test-suite gc

238250 main-is: gc.hs

239251 type: exitcode-stdio-1.0

240252 default-language: Haskell98

241− if !os(linux) || !arch(x86_64)

253+ if !os(linux) || !arch(x86_64) || !flag(gc-tests)

242254 buildable: False

243255

244256source-repository head

reflex-dom-core/src/Reflex/Dom/Builder/Class.hs+2−1

@@ -9,11 +9,12 @@

99{-# LANGUAGE GeneralizedNewtypeDeriving #-}

1010#if !MIN_VERSION_base(4,9,0)

1111{-# LANGUAGE ImpredicativeTypes #-}

12+#else

13+{-# LANGUAGE Rank2Types #-} -- Implied by ImpredicativeTypes

1214#endif

1315{-# LANGUAGE LambdaCase #-}

1416{-# LANGUAGE OverloadedStrings #-}

1517{-# LANGUAGE PolyKinds #-}

16−{-# LANGUAGE Rank2Types #-}

1718{-# LANGUAGE RecursiveDo #-}

1819{-# LANGUAGE ScopedTypeVariables #-}

1920{-# LANGUAGE StandaloneDeriving #-}

reflex-dom-core/src/Reflex/Dom/Builder/Immediate.hs+56−17

@@ -2,7 +2,6 @@

22{-# LANGUAGE CPP #-}

33{-# LANGUAGE ConstraintKinds #-}

44{-# LANGUAGE DataKinds #-}

5−{-# LANGUAGE DeriveFunctor #-}

65{-# LANGUAGE DeriveTraversable #-}

76{-# LANGUAGE EmptyDataDecls #-}

87{-# LANGUAGE FlexibleContexts #-}

@@ -49,6 +48,7 @@ module Reflex.Dom.Builder.Immediate

4948 , HydrationMode (..)

5049 , HydrationRunnerT (..)

5150 , runHydrationRunnerT

51+ , runHydrationRunnerTWithFailure

5252 , ImmediateDomBuilderT

5353 , runHydrationDomBuilderT

5454 , getHydrationMode

@@ -135,6 +135,7 @@ import Data.Functor.Compose

135135import Data.Functor.Constant

136136import Data.Functor.Misc

137137import Data.Functor.Product

138+import Data.GADT.Compare (GCompare)

138139import Data.IORef

139140import Data.IntMap.Strict (IntMap)

140141import Data.Maybe

@@ -293,12 +294,21 @@ localRunner (HydrationRunnerT m) s parent = do

293294runHydrationRunnerT

294295 :: (MonadRef m, Ref m ~ IORef, Monad m, PerformEvent t m, MonadFix m, MonadReflexCreateTrigger t m, MonadJSM m, MonadJSM (Performable m))

295296 => HydrationRunnerT t m a -> Maybe Node -> Node -> Chan [DSum (EventTriggerRef t) TriggerInvocation] -> m a

296−runHydrationRunnerT (HydrationRunnerT m) s parent events = flip runDomRenderHookT events $ flip runReaderT parent $ do

297+runHydrationRunnerT m = runHydrationRunnerTWithFailure m (pure ())

298+

299+{-# INLINABLE runHydrationRunnerTWithFailure #-}

300+runHydrationRunnerTWithFailure

301+ :: (MonadRef m, Ref m ~ IORef, Monad m, PerformEvent t m, MonadFix m, MonadReflexCreateTrigger t m, MonadJSM m, MonadJSM (Performable m))

302+ => HydrationRunnerT t m a -> IO () -> Maybe Node -> Node -> Chan [DSum (EventTriggerRef t) TriggerInvocation] -> m a

303+runHydrationRunnerTWithFailure (HydrationRunnerT m) onFailure s parent events = flip runDomRenderHookT events $ flip runReaderT parent $ do

297304 (a, s') <- runStateT m (HydrationState s False)

298305 traverse_ removeSubsequentNodes $ _hydrationState_previousNode s'

299306 when (_hydrationState_failed s') $ liftIO $ putStrLn "reflex-dom warning: hydration failed: the DOM was not as expected at switchover time. This may be due to invalid HTML which the browser has altered upon parsing, some external JS altering the DOM, or the page being served from an outdated cache."

307+ when (_hydrationState_failed s') $ liftIO onFailure

300308 pure a

301309

310+

311+

302312instance MonadReflexCreateTrigger t m => MonadReflexCreateTrigger t (HydrationRunnerT t m) where

303313 {-# INLINABLE newEventWithTrigger #-}

304314 newEventWithTrigger = lift . newEventWithTrigger

@@ -322,7 +332,7 @@ instance (Reflex t, MonadFix m) => DomRenderHook t (HydrationRunnerT t m) where

322332-- done *before* the switchover to immediate mode - this is most likely some

323333-- form of 'hold' which we want to remove after hydration is done

324334{-# INLINABLE addHydrationStepWithSetup #-}

325−addHydrationStepWithSetup :: (Adjustable t m, MonadIO m) => m a -> (a -> HydrationRunnerT t m ()) -> HydrationDomBuilderT s t m ()

335+addHydrationStepWithSetup :: MonadIO m => m a -> (a -> HydrationRunnerT t m ()) -> HydrationDomBuilderT s t m ()

326336addHydrationStepWithSetup setup f = getHydrationMode >>= \case

327337 HydrationMode_Immediate -> pure ()

328338 HydrationMode_Hydrating -> do

@@ -927,14 +937,26 @@ inputElementInternal cfg = getHydrationMode >>= \case

927937 doc <- askDocument

928938 -- Expected initial value from config

929939 let v0 = _inputElementConfig_initialValue cfg

930− addHydrationStep $ do

940+ c0 = _inputElementConfig_initialChecked cfg

941+ valuesAtSwitchover = do

942+ v <- maybe (pure $ pure v0) (hold v0) (_inputElementConfig_setValue cfg)

943+ c <- maybe (pure $ pure c0) (hold c0) (_inputElementConfig_setChecked cfg)

944+ pure (v, c)

945+ addHydrationStepWithSetup valuesAtSwitchover $ \(switchoverValue', switchoverChecked') -> do

946+ switchoverValue <- sample switchoverValue'

947+ switchoverChecked <- sample switchoverChecked'

931948 domElement <- liftIO $ readIORef domElementRef

932949 let domInputElement = uncheckedCastTo DOM.HTMLInputElement domElement

933950 getValue = Input.getValue domInputElement

934− -- The browser might have messed with the value, or the user could have

935− -- altered it before activation, so we set it if it isn't what we expect

936− liftJSM getValue >>= \v0' -> do

937− when (v0' /= v0) $ liftIO $ triggerChangeByUI v0'

951+ -- When the value has been updated by setValue before switchover, we must

952+ -- send an update here to remain in sync. This is because the later

953+ -- requestDomAction based on the setValue event will not capture events

954+ -- happening before postBuild, because this code runs after switchover.

955+ when (v0 /= switchoverValue) $ liftIO $ triggerChangeBySetValue switchoverValue

956+ -- The user could have altered the value before switchover. This must be

957+ -- triggered after the setValue one in order for the events to be in the

958+ -- correct order.

959+ liftJSM getValue >>= \realValue -> when (realValue /= switchoverValue) $ liftIO $ triggerChangeByUI realValue

938960 -- Watch for user interaction and trigger event accordingly

939961 requestDomAction_ $ (liftJSM getValue >>= liftIO . triggerChangeByUI) <$ Reflex.select (_element_events e) (WrapArg Input)

940962 for_ (_inputElementConfig_setValue cfg) $ \eSetValue ->

@@ -948,7 +970,17 @@ inputElementInternal cfg = getHydrationMode >>= \case

948970 ]

949971 liftIO . triggerFocusChange =<< Node.isSameNode (toNode domElement) . fmap toNode =<< Document.getActiveElement doc

950972 requestDomAction_ $ liftIO . triggerFocusChange <$> focusChange'

951− Input.setChecked domInputElement $ _inputElementConfig_initialChecked cfg

973+ -- When the checked state has been updated by setChecked before

974+ -- switchover, we must send an update here to remain in sync. This is

975+ -- because the later requestDomAction based on the setChecked event will not

976+ -- capture events happening before postBuild, because this code runs after

977+ -- switchover.

978+ when (c0 /= switchoverChecked) $ liftIO $ triggerCheckedChangedBySetChecked switchoverChecked

979+ -- The user could have clicked the checkbox before switchover, we only

980+ -- detect cases where they flipped the state. This must be triggered after

981+ -- the setValue one in order for the events to be in the correct order.

982+ liftJSM (Input.getChecked domInputElement) >>= \realChecked -> when (realChecked /= switchoverChecked) $

983+ liftIO $ triggerCheckedChangedByUI realChecked

952984 _ <- liftJSM $ domInputElement `on` Events.click $ do

953985 liftIO . triggerCheckedChangedByUI =<< Input.getChecked domInputElement

954986 for_ (_inputElementConfig_setChecked cfg) $ \eNewchecked ->

@@ -961,7 +993,7 @@ inputElementInternal cfg = getHydrationMode >>= \case

961993 let getMyFiles xs = fmap catMaybes . mapM (FileList.item xs) . flip take [0..] . fromIntegral =<< FileList.getLength xs

962994 liftIO . triggerFileChange =<< maybe (return []) getMyFiles mfiles

963995 return ()

964− checked' <- holdDyn (_inputElementConfig_initialChecked cfg) $ leftmost

996+ checked' <- holdDyn c0 $ leftmost

965997 [ checkedChangedBySetChecked

966998 , checkedChangedByUI

967999 ]

@@ -1033,14 +1065,21 @@ textAreaElementInternal cfg = getHydrationMode >>= \case

10331065 doc <- askDocument

10341066 -- Expected initial value from config

10351067 let v0 = _textAreaElementConfig_initialValue cfg

1036− addHydrationStep $ do

1068+ valueAtSwitchover = maybe (pure $ pure v0) (hold v0) (_textAreaElementConfig_setValue cfg)

1069+ addHydrationStepWithSetup valueAtSwitchover $ \switchoverValue' -> do

1070+ switchoverValue <- sample switchoverValue'

10371071 domElement <- liftIO $ readIORef domElementRef

10381072 let domTextAreaElement = uncheckedCastTo DOM.HTMLTextAreaElement domElement

10391073 getValue = TextArea.getValue domTextAreaElement

1040− -- The browser might have messed with the value, or the user could have

1041− -- altered it before activation, so we set it if it isn't what we expect

1042− liftJSM getValue >>= \v0' -> do

1043− when (v0' /= v0) $ liftIO $ triggerChangeByUI v0'

1074+ -- When the value has been updated by setValue before switchover, we must

1075+ -- send an update here to remain in sync. This is because the later

1076+ -- requestDomAction based on the setValue event will not capture events

1077+ -- happening before postBuild, because this code runs after switchover.

1078+ when (v0 /= switchoverValue) $ liftIO $ triggerChangeBySetValue switchoverValue

1079+ -- The user could have altered the value before switchover. This must be

1080+ -- triggered after the setValue one in order for the events to be in the

1081+ -- correct order.

1082+ liftJSM getValue >>= \realValue -> when (realValue /= switchoverValue) $ liftIO $ triggerChangeByUI realValue

10441083 -- Watch for user interaction and trigger event accordingly

10451084 requestDomAction_ $ (liftJSM getValue >>= liftIO . triggerChangeByUI) <$ Reflex.select (_element_events e) (WrapArg Input)

10461085 for_ (_textAreaElementConfig_setValue cfg) $ \eSetValue ->

@@ -1837,14 +1876,14 @@ hoistTraverseWithKeyWithAdjust base mapPatch updateChildUnreadiness applyDomUpda

18371876 getHydrationMode >>= \case

18381877 HydrationMode_Hydrating -> addHydrationStepWithSetup (holdIncremental children0 children') $ \children -> do

18391878 dm :: DMap k (Compose (TraverseChild t m (Some k)) v') <- sample $ currentIncremental children

1840− phs <- traverse id $ weakenDMapWith (either _traverseChildHydration_delayed (pure . _traverseChildImmediate_placeholder) . _traverseChild_mode . getCompose) dm

1879+ phs <- sequenceA $ weakenDMapWith (either _traverseChildHydration_delayed (pure . _traverseChildImmediate_placeholder) . _traverseChild_mode . getCompose) dm

18411880 liftIO $ writeIORef placeholders $! phs

18421881 insertAfterPreviousNode lastPlaceholder

18431882 HydrationMode_Immediate -> do

18441883 let activate i = do

18451884 append $ toNode $ _traverseChildImmediate_fragment i

18461885 pure $ _traverseChildImmediate_placeholder i

1847− phs <- traverse id $ weakenDMapWith (either (error "impossible") activate . _traverseChild_mode . getCompose) children0

1886+ phs <- sequenceA $ weakenDMapWith (either (error "impossible") activate . _traverseChild_mode . getCompose) children0

18481887 liftIO $ writeIORef placeholders $! phs

18491888 append $ toNode lastPlaceholder

18501889 requestDomAction_ $ ffor children' $ \p -> do

reflex-dom-core/src/Reflex/Dom/Builder/Static.hs+35−10

@@ -37,6 +37,7 @@ import Data.IntMap (IntMap)

3737import qualified Data.IntMap as IntMap

3838import qualified Data.Map as Map

3939import Data.Map.Misc (applyMap)

40+import Data.Maybe (fromMaybe)

4041import Data.Monoid ((<>))

4142import qualified Data.Set as Set

4243import Data.Text (Text)

@@ -273,7 +274,7 @@ instance SupportsStaticDomBuilder t m => DomBuilder t (StaticDomBuilderT t m) wh

273274 --TODO: Do not escape quotation marks; see https://stackoverflow.com/questions/25612166/what-characters-must-be-escaped-in-html-5

274275 shouldEscape <- asks _staticDomBuilderEnv_shouldEscape

275276 let escape = if shouldEscape then fromHtmlEscapedText else byteString . encodeUtf8

276− modify . (:) =<< (\c -> "") <$> case mSetContents of

277+ (modify . (:)) . (\c -> "") =<< case mSetContents of

277278 Nothing -> return (pure (escape initialContents))

278279 Just setContents -> hold (escape initialContents) $ fmapCheap escape setContents --Only because it doesn't get optimized when profiling is on

279280 return $ CommentNode ()

@@ -311,13 +312,32 @@ instance SupportsStaticDomBuilder t m => DomBuilder t (StaticDomBuilderT t m) wh

311312 return (e, result)

312313 {-# INLINABLE inputElement #-}

313314 inputElement cfg = do

314− (e, _result) <- element "input" (cfg ^. inputElementConfig_elementConfig) $ return ()

315− let v0 = constDyn $ cfg ^. inputElementConfig_initialValue

316− let c0 = constDyn $ cfg ^. inputElementConfig_initialChecked

315+ -- Tweak the config to update the "value" and "checked" attributes appropriately.

316+ -- TODO: warn upon overwriting values.

317+ let setInitialValue = Map.insert "value" (_inputElementConfig_initialValue cfg)

318+ setUpdatedValue updatedAttrs = case _inputElementConfig_setValue cfg of

319+ Nothing -> updatedAttrs

320+ Just e -> (Map.singleton "value" . Just <$> e) <> updatedAttrs

321+ setInitialChecked = case _inputElementConfig_initialChecked cfg of

322+ True -> Map.insert "checked" "checked"

323+ False -> id

324+ setUpdatedChecked updatedAttrs = case _inputElementConfig_setChecked cfg of

325+ Nothing -> updatedAttrs

326+ Just e -> (Map.singleton "checked" (Just "checked") <$ e) <> updatedAttrs

327+ adjustedConfig = _inputElementConfig_elementConfig cfg

328+ & elementConfig_initialAttributes %~ setInitialValue . setInitialChecked

329+ & elementConfig_modifyAttributes %~ setUpdatedValue . setUpdatedChecked

330+ (e, _result) <- element "input" adjustedConfig $ return ()

331+ v <- case _inputElementConfig_setValue cfg of

332+ Nothing -> pure $ constDyn (cfg ^. inputElementConfig_initialValue)

333+ Just ev -> holdDyn (cfg ^. inputElementConfig_initialValue) ev

334+ c <- case _inputElementConfig_setChecked cfg of

335+ Nothing -> pure $ constDyn $ _inputElementConfig_initialChecked cfg

336+ Just ev -> holdDyn (_inputElementConfig_initialChecked cfg) ev

317337 let hasFocus = constDyn False -- TODO should this be coming from initialAtttributes

318338 return $ InputElement

319− { _inputElement_value = v0

320− , _inputElement_checked = c0

339+ { _inputElement_value = v

340+ , _inputElement_checked = c

321341 , _inputElement_checkedChange = never

322342 , _inputElement_input = never

323343 , _inputElement_hasFocus = hasFocus

@@ -327,12 +347,17 @@ instance SupportsStaticDomBuilder t m => DomBuilder t (StaticDomBuilderT t m) wh

327347 }

328348 {-# INLINABLE textAreaElement #-}

329349 textAreaElement cfg = do

330− --TODO: Support setValue event

331− (e, _domElement) <- element "textarea" (cfg ^. textAreaElementConfig_elementConfig) $ return ()

332− let v0 = constDyn $ cfg ^. textAreaElementConfig_initialValue

350+ (e, _domElement) <- element "textarea" (_textAreaElementConfig_elementConfig cfg) $ do

351+ -- Set the initial value

352+ void $ textNode $ def

353+ & textNodeConfig_initialContents .~ _textAreaElementConfig_initialValue cfg

354+ & textNodeConfig_setContents .~ fromMaybe never (_textAreaElementConfig_setValue cfg)

355+ v <- case _textAreaElementConfig_setValue cfg of

356+ Nothing -> pure $ constDyn (cfg ^. textAreaElementConfig_initialValue)

357+ Just ev -> holdDyn (cfg ^. textAreaElementConfig_initialValue) ev

333358 let hasFocus = constDyn False -- TODO should this be coming from initialAtttributes

334359 return $ TextAreaElement

335− { _textAreaElement_value = v0

360+ { _textAreaElement_value = v

336361 , _textAreaElement_input = never

337362 , _textAreaElement_hasFocus = hasFocus

338363 , _textAreaElement_element = e

reflex-dom-core/src/Reflex/Dom/Main.hs+37−7

@@ -5,7 +5,6 @@

55{-# LANGUAGE GADTs #-}

66{-# LANGUAGE MultiParamTypeClasses #-}

77{-# LANGUAGE NoMonomorphismRestriction #-}

8−{-# LANGUAGE PatternSynonyms #-}

98{-# LANGUAGE RankNTypes #-}

109{-# LANGUAGE RecursiveDo #-}

1110{-# LANGUAGE ScopedTypeVariables #-}

@@ -73,8 +72,14 @@ mainHydrationWidgetWithSwitchoverAction = mainHydrationWidgetWithSwitchoverActio

7372{-# INLINABLE mainHydrationWidgetWithSwitchoverAction' #-}

7473-- | Warning: `mainHydrationWidgetWithSwitchoverAction'` is provided only as performance tweak. It is expected to disappear in future releases.

7574mainHydrationWidgetWithSwitchoverAction' :: JSM () -> HydrationWidget () () -> HydrationWidget () () -> JSM ()

76−mainHydrationWidgetWithSwitchoverAction' switchoverAction head' body = do

77− runHydrationWidgetWithHeadAndBody switchoverAction $ \appendHead appendBody -> do

75+mainHydrationWidgetWithSwitchoverAction' = mainHydrationWidgetWithSwitchoverActionWithFailure' (pure ())

76+

77+

78+{-# INLINABLE mainHydrationWidgetWithSwitchoverActionWithFailure' #-}

79+-- | Warning: `mainHydrationWidgetWithSwitchoverActionWithFaiilure'` is provided only as performance tweak. It is expected to disappear in future releases.

80+mainHydrationWidgetWithSwitchoverActionWithFailure' :: IO () -> JSM () -> HydrationWidget () () -> HydrationWidget () () -> JSM ()

81+mainHydrationWidgetWithSwitchoverActionWithFailure' onFailure switchoverAction head' body = do

82+ runHydrationWidgetWithHeadAndBodyWithFailure onFailure switchoverAction $ \appendHead appendBody -> do

7883 appendHead head'

7984 appendBody body

8085

@@ -89,7 +94,21 @@ attachHydrationWidget

8994 -> PerformEventT DomTimeline DomHost (a, IORef (Maybe (EventTrigger DomTimeline ())))

9095 )

9196 -> IO (a, FireCommand DomTimeline DomHost)

92−attachHydrationWidget switchoverAction jsSing w = do

97+attachHydrationWidget = attachHydrationWidgetWithFailure (pure ())

98+

99+{-# INLINABLE attachHydrationWidgetWithFailure #-}

100+attachHydrationWidgetWithFailure

101+ :: IO ()

102+ -> JSM ()

103+ -> JSContextSingleton ()

104+ -> ( Event DomTimeline ()

105+ -> IORef HydrationMode

106+ -> Maybe (IORef [(Node, HydrationRunnerT DomTimeline (DomCoreWidget ()) ())])

107+ -> EventChannel

108+ -> PerformEventT DomTimeline DomHost (a, IORef (Maybe (EventTrigger DomTimeline ())))

109+ )

110+ -> IO (a, FireCommand DomTimeline DomHost)

111+attachHydrationWidgetWithFailure onFailure switchoverAction jsSing w = do

93112 hydrationMode <- liftIO $ newIORef HydrationMode_Hydrating

94113 rootNodesRef <- liftIO $ newIORef []

95114 events <- newChan

@@ -105,7 +124,7 @@ attachHydrationWidget switchoverAction jsSing w = do

105124 rootNodes <- liftIO $ readIORef rootNodesRef

106125 let delayedAction = do

107126 for_ (reverse rootNodes) $ \(rootNode, runner) -> do

108− let hydrate = runHydrationRunnerT runner Nothing rootNode events

127+ let hydrate = runHydrationRunnerTWithFailure runner onFailure Nothing rootNode events

109128 void $ runWithJSContextSingleton (runPostBuildT hydrate never) jsSing

110129 liftIO $ writeIORef hydrationMode HydrationMode_Immediate

111130 runWithJSContextSingleton (DOM.liftJSM switchoverAction) jsSing

@@ -126,11 +145,22 @@ runHydrationWidgetWithHeadAndBody

126145 -> FloatingWidget () ()

127146 )

128147 -> JSM ()

129−runHydrationWidgetWithHeadAndBody switchoverAction app = withJSContextSingletonMono $ \jsSing -> do

148+runHydrationWidgetWithHeadAndBody = runHydrationWidgetWithHeadAndBodyWithFailure (pure ())

149+

150+{-# INLINABLE runHydrationWidgetWithHeadAndBodyWithFailure #-}

151+runHydrationWidgetWithHeadAndBodyWithFailure

152+ :: IO ()

153+ -> JSM ()

154+ -> ( (forall c. HydrationWidget () c -> FloatingWidget () c) -- "Append to head" --TODO: test invoking this more than once

155+ -> (forall c. HydrationWidget () c -> FloatingWidget () c) -- "Append to body" --TODO: test invoking this more than once

156+ -> FloatingWidget () ()

157+ )

158+ -> JSM ()

159+runHydrationWidgetWithHeadAndBodyWithFailure onFailure switchoverAction app = withJSContextSingletonMono $ \jsSing -> do

130160 globalDoc <- currentDocumentUnchecked

131161 headElement <- getHeadUnchecked globalDoc

132162 bodyElement <- getBodyUnchecked globalDoc

133− (events, fc) <- liftIO . attachHydrationWidget switchoverAction jsSing $ \switchover hydrationMode hydrationResult events -> do

163+ (events, fc) <- liftIO . attachHydrationWidgetWithFailure onFailure switchoverAction jsSing $ \switchover hydrationMode hydrationResult events -> do

134164 (postBuild, postBuildTriggerRef) <- newEventWithTriggerRef

135165 let hydrateDom :: DOM.Node -> HydrationWidget () c -> FloatingWidget () c

136166 hydrateDom n w = do

reflex-dom-core/src/Reflex/Dom/Prerender.hs+1

@@ -211,6 +211,7 @@ instance (Monad m, MonadHold t m) => MonadHold t (UnrunnableT js t m) where

211211 holdIncremental _ _ = unrunnable

212212 buildDynamic _ _ = unrunnable

213213 headE _ = unrunnable

214+ now = unrunnable

214215instance Monad m => MonadSample t (UnrunnableT js t m) where

215216 sample _ = unrunnable

216217instance Monad m => MonadIO (UnrunnableT js t m) where

reflex-dom-core/src/Reflex/Dom/Widget/Lazy.hs+1−1

@@ -117,7 +117,7 @@ virtualList heightPx rowPx maxIndex i0 setI keyToIndex items0 itemsUpdate itemBu

117117 "overflow" =: "hidden" <>

118118 "position" =: "relative"

119119 mkRow k = toStyleAttr $ "height" =: (T.pack (show rowPx) <> "px") <>

120− "top" =: ((<>"px") $ T.pack $ show $ keyToIndex k * rowPx) <>

120+ "top" =: (<> "px") (T.pack $ show $ keyToIndex k * rowPx) <>

121121 "position" =: "absolute" <>

122122 "width" =: "100%"

123123 findWindow sizeIncrement windowSize startingPosition =

reflex-dom-core/test/hlint.hs+1−1

@@ -1,4 +1,4 @@

1−import Language.Haskell.HLint3 (hlint)

1+import Language.Haskell.HLint (hlint)

22import System.Exit (exitFailure, exitSuccess)

44main :: IO ()

reflex-dom-core/test/hydration.hs+352−39

@@ -20,6 +20,14 @@

2020

2121{-# OPTIONS_GHC -fno-warn-orphans #-}

2222

23+-- Notice to those working on this test suite:

24+-- It doesn't appear to be possible to use --match to run a particular test, in

25+-- this situation the test may hang before reaching our code. This seems to

26+-- happen when the test is not the first test in the block. As a workaround, you

27+-- can just comment out the other tests. Also, using `xit` will cause the same

28+-- issue. `xit` tests must be the last tests in the session, or the session will

29+-- hang in the following test.

30+

2331import Prelude hiding (fail)

2432import Control.Concurrent

2533import qualified Control.Concurrent.Async as Async

@@ -146,13 +154,13 @@ main = do

146154 withDebugging <- isNothing <$> lookupEnv "NO_DEBUG"

147155 let wdConfig = WD.defaultConfig { WD.wdPort = fromIntegral $ _selenium_portNumber selenium }

148156 chromeCaps' = WD.getCaps $ chromeConfig browserPath chromeFlags

149− hspec (tests withDebugging wdConfig [chromeCaps'] selenium) `finally` _selenium_stopServer selenium

157+ hspec (tests withDebugging wdConfig [(chromeCaps', "chrome")] selenium) `finally` _selenium_stopServer selenium

150158

151−tests :: Bool -> WD.WDConfig -> [Capabilities] -> Selenium -> Spec

159+tests :: Bool -> WD.WDConfig -> [(Capabilities, String)] -> Selenium -> Spec

152160tests withDebugging wdConfig caps _selenium = do

153161 let putStrLnDebug :: MonadIO m => Text -> m ()

154162 putStrLnDebug m = when withDebugging $ liftIO $ putStrLn $ T.unpack m

155− session' = sessionWith wdConfig "" . using (map (,"") caps)

163+ session' t = sessionWith wdConfig t . using caps

156164 runWD m = runWDOptions (WdOptions False) $ do

157165 putStrLnDebug "before"

158166 r <- m

@@ -161,10 +169,10 @@ tests withDebugging wdConfig caps _selenium = do

161169 testWidgetStatic :: WD b -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ()) -> WD b

162170 testWidgetStatic = testWidgetStaticDebug withDebugging

163171 testWidget :: WD () -> WD b -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ()) -> WD b

164− testWidget = testWidgetDebug withDebugging

172+ testWidget = testWidgetDebug True withDebugging

165173 testWidget' :: WD a -> (a -> WD b) -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ()) -> WD b

166− testWidget' = testWidgetDebug' withDebugging

167− describe "text" $ session' $ do

174+ testWidget' = testWidgetDebug' True withDebugging

175+ session' "text" $ do

168176 it "works" $ runWD $ do

169177 testWidgetStatic (checkBodyText "hello world") $ do

170178 text "hello world"

@@ -225,7 +233,7 @@ tests withDebugging wdConfig caps _selenium = do

225233 click <- button ""

226234 void $ textNode $ TextNodeConfig "initial" $ Just $ "after" <$ click

227235

228− describe "element" $ session' $ do

236+ session' "element" $ do

229237 it "works with domEvent Click" $ runWD $ do

230238 clickedRef <- liftIO $ newRef False

231239 testWidget' (findElemWithRetry $ WD.ByTag "div") WD.click $ do

@@ -289,21 +297,78 @@ tests withDebugging wdConfig caps _selenium = do

289297 let click = domEvent Click e

290298 return ()

291299

292− describe "inputElement" $ do

293− describe "hydration" $ session' $ do

300+ session' "inputElement" $ do

301+ describe "static renderer" $ do

302+ it "sets value attribute" $ runWD $ do

303+ let checkStatic = do

304+ e <- findElemWithRetry $ WD.ByTag "input"

305+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

306+ pure e

307+ checkHydrated e = do

308+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

309+ testWidget' checkStatic checkHydrated $ void $ inputElement $ def

310+ & inputElementConfig_initialValue .~ "test"

311+ it "updates value attribute at postBuild" $ runWD $ do

312+ let checkStatic = do

313+ e <- findElemWithRetry $ WD.ByTag "input"

314+ WD.attr e "value" `shouldBeWithRetryM` Just "test-updated"

315+ pure e

316+ checkHydrated e = do

317+ WD.attr e "value" `shouldBeWithRetryM` Just "test-updated"

318+ testWidget' checkStatic checkHydrated $ do

319+ pb <- getPostBuild

320+ _ <- inputElement $ def

321+ & inputElementConfig_initialValue .~ "test"

322+ & inputElementConfig_setValue .~ ("test-updated" <$ pb)

323+ pure ()

324+ it "sets checked attr appropriately" $ runWD $ do

325+ setCheckedChan <- liftIO newChan

326+ let checkStatic = do

327+ e <- findElemWithRetry $ WD.ByTag "input"

328+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

329+ pure e

330+ checkValue e = do

331+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

332+ WD.moveToCenter e

333+ WD.click e -- Click to uncheck

334+ WD.attr e "checked" `shouldBeWithRetryM` Nothing

335+ liftIO $ writeChan setCheckedChan True -- Programatically check the checkbox

336+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

337+ testWidget' checkStatic checkValue $ do

338+ setChecked <- triggerEventWithChan setCheckedChan

339+ _ <- inputElement $ def

340+ & initialAttributes .~ "type" =: "checkbox"

341+ & inputElementConfig_initialChecked .~ True

342+ & inputElementConfig_setChecked .~ setChecked

343+ pure ()

344+ it "sets checked attr appropriately at postbuild" $ runWD $ do

345+ let checkStatic = do

346+ e <- findElemWithRetry $ WD.ByTag "input"

347+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

348+ pure e

349+ checkValue e = do

350+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

351+ testWidget' checkStatic checkValue $ do

352+ pb <- getPostBuild

353+ _ <- inputElement $ def

354+ & initialAttributes .~ "type" =: "checkbox"

355+ & inputElementConfig_initialChecked .~ False

356+ & inputElementConfig_setChecked .~ (True <$ pb)

357+ pure ()

358+ describe "hydration" $ do

294359 it "doesn't wipe user input when switching over" $ runWD $ do

295− inputRef <- newRef ("" :: Text)

360+ inputRef <- newRef ("hello " :: Text)

296361 testWidget'

297362 (do

298363 e <- findElemWithRetry $ WD.ByTag "input"

299− WD.sendKeys "hello world" e

364+ WD.sendKeys "world" e

300365 pure e)

301366 (\e -> do

302367 WD.attr e "value" `shouldBeWithRetryM` Just "hello world"

303368 WD.click =<< findElemWithRetry (WD.ByTag "button")

304369 readRef inputRef `shouldBeWithRetryM` "hello world"

305370 ) $ do

306− e <- inputElement def

371+ e <- inputElement $ def & inputElementConfig_initialValue .~ "hello "

307372 click <- button "save"

308373 performEvent_ $ liftIO . writeRef inputRef <$> tag (current (value e)) click

309374 it "captures user input after switchover" $ runWD $ do

@@ -360,24 +425,49 @@ tests withDebugging wdConfig caps _selenium = do

360425 checkedByUIRef <- newRef False

361426 checkedRef <- newRef False

362427 setCheckedChan <- liftIO newChan

363− let checkValue = do

428+ let checkStatic = do

429+ e <- findElemWithRetry $ WD.ByTag "input"

430+ WD.attr e "checked" `shouldBeWithRetryM` Nothing

431+ pure e

432+ checkValue e = do

364433 readRef checkedByUIRef `shouldBeWithRetryM` False

365434 readRef checkedRef `shouldBeWithRetryM` False

366− e <- findElemWithRetry $ WD.ByTag "input"

435+ WD.attr e "checked" `shouldBeWithRetryM` Nothing

367436 WD.moveToCenter e

368437 WD.click e

369438 readRef checkedByUIRef `shouldBeWithRetryM` True

370439 readRef checkedRef `shouldBeWithRetryM` True

440+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

371441 liftIO $ writeChan setCheckedChan False

372442 readRef checkedByUIRef `shouldBeWithRetryM` True

373443 readRef checkedRef `shouldBeWithRetryM` False

374− testWidget (pure ()) checkValue $ do

444+ WD.attr e "checked" `shouldBeWithRetryM` Nothing

445+ testWidget' checkStatic checkValue $ do

375446 setChecked <- triggerEventWithChan setCheckedChan

376447 e <- inputElement $ def

377448 & initialAttributes .~ "type" =: "checkbox"

378449 & inputElementConfig_setChecked .~ setChecked

379450 performEvent_ $ liftIO . writeRef checkedByUIRef <$> _inputElement_checkedChange e

380451 performEvent_ $ liftIO . writeRef checkedRef <$> updated (_inputElement_checked e)

452+ it "respects user updates to checked which happen before hydration" $ runWD $ do

453+ checkedByUIRef <- newRef False

454+ checkedRef <- newRef False

455+ let checkStatic = do

456+ e <- findElemWithRetry $ WD.ByTag "input"

457+ WD.attr e "checked" `shouldBeWithRetryM` Nothing

458+ WD.moveToCenter e

459+ WD.click e

460+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

461+ pure e

462+ checkValue e = do

463+ WD.attr e "checked" `shouldBeWithRetryM` Just "true"

464+ readRef checkedByUIRef `shouldBeWithRetryM` True

465+ readRef checkedRef `shouldBeWithRetryM` True

466+ testWidget' checkStatic checkValue $ do

467+ e <- inputElement $ def

468+ & initialAttributes .~ "type" =: "checkbox"

469+ performEvent_ $ liftIO . writeRef checkedByUIRef <$> _inputElement_checkedChange e

470+ performEvent_ $ liftIO . writeRef checkedRef <$> updated (_inputElement_checked e)

381471 it "captures file uploads" $ runWD $ do

382472 filesRef :: IORef [Text] <- newRef []

383473 let uploadFile = do

@@ -393,8 +483,117 @@ tests withDebugging wdConfig caps _selenium = do

393483 prerender_ (pure ()) $ performEvent_ $ ffor (tag (current (_inputElement_files e)) click) $ \fs -> do

394484 names <- liftJSM $ traverse File.getName fs

395485 liftIO $ writeRef filesRef names

396−

397− describe "hydration/immediate" $ session' $ do

486+ it "fires _input event if the user altered the value before hydration" $ runWD $ do

487+ input <- newRef ("" :: Text)

488+ update <- newRef ("" :: Text)

489+ let checkStatic = do

490+ e <- findElemWithRetry $ WD.ByTag "input"

491+ WD.attr e "value" `shouldBeWithRetryM` Just ""

492+ WD.sendKeys "test" e

493+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

494+ pure e

495+ checkHydrated e = do

496+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

497+ readRef input `shouldBeWithRetryM` "test"

498+ readRef update `shouldBeWithRetryM` "test"

499+ testWidget' checkStatic checkHydrated $ do

500+ e <- inputElement def

501+ performEvent_ $ liftIO . writeRef input <$> _inputElement_input e

502+ performEvent_ $ liftIO . writeRef update <$> updated (_inputElement_value e)

503+ it "does not fire _input event when the value is updated at postBuild" $ runWD $ do

504+ input <- newRef (Nothing :: Maybe Text)

505+ let checkStatic = do

506+ e <- findElemWithRetry $ WD.ByTag "input"

507+ WD.attr e "value" `shouldBeWithRetryM` Just "pb"

508+ pure e

509+ checkHydrated e = do

510+ WD.attr e "value" `shouldBeWithRetryM` Just "pb"

511+ readRef input `shouldBeWithRetryM` Nothing

512+ testWidget' checkStatic checkHydrated $ do

513+ pb <- getPostBuild

514+ e <- inputElement $ def & inputElementConfig_setValue .~ ("pb" <$ pb)

515+ performEvent_ $ liftIO . writeRef input . Just <$> _inputElement_input e

516+ it "SSR produces correct DOM based on inputElement values when setValue happens at postBuild" $ runWD $ do

517+ let checkBoth = do

518+ input <- findElemWithRetry $ WD.ByTag "input"

519+ WD.attr input "value" `shouldBeWithRetryM` Just "pb"

520+ p <- findElemWithRetry (WD.ByTag "p")

521+ shouldContainText "pb" p

522+ testWidget checkBoth checkBoth $ do

523+ pb <- getPostBuild

524+ e <- inputElement $ def & inputElementConfig_setValue .~ ("pb" <$ pb)

525+ el "p" $ dynText $ _inputElement_value e

526+ it "does not fail when both setValue AND user updated value happen before switchover" $ runWD $ do

527+ let checkStatic = do

528+ input <- findElemWithRetry $ WD.ByTag "input"

529+ h2_value <- findElemWithRetry (WD.ByTag "h2")

530+ h3_input <- findElemWithRetry (WD.ByTag "h3")

531+ WD.attr input "value" `shouldBeWithRetryM` Just "pb"

532+ shouldContainText "pb" h2_value

533+ shouldContainText "" h3_input

534+ WD.sendKeys "abc" input

535+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

536+ shouldContainText "pb" h2_value

537+ shouldContainText "" h3_input

538+ pure (input, h2_value, h3_input)

539+ checkHydrated (input, h2_value, h3_input) = do

540+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

541+ shouldContainText "pbabc" h3_input

542+ shouldContainText "pbabc pb" h2_value

543+ pure ()

544+ testWidget' checkStatic checkHydrated $ do

545+ pb <- getPostBuild

546+ e <- inputElement $ def & inputElementConfig_setValue .~ ("pb" <$ pb)

547+ el "h1" $ dynText $ _inputElement_value e

548+ el "h2" $ dynText . fmap T.unwords <=< foldDyn (:) [] $ updated $ _inputElement_value e

549+ el "h3" $ dynText . fmap T.unwords <=< foldDyn (:) [] $ _inputElement_input e

550+ it "value is correct when both setValue AND user updated value happen before switchover" $ runWD $ do

551+ let checkStatic = do

552+ input <- findElemWithRetry $ WD.ByTag "input"

553+ p <- findElemWithRetry (WD.ByTag "p")

554+ WD.attr input "value" `shouldBeWithRetryM` Just "pb"

555+ shouldContainText "pb" p

556+ WD.sendKeys "abc" input

557+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

558+ shouldContainText "pb" p -- It won't be updated yet

559+ pure (input, p)

560+ checkHydrated (input, p) = do

561+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

562+ shouldContainText "pbabc" p

563+ pure ()

564+ testWidget' checkStatic checkHydrated $ do

565+ pb <- getPostBuild

566+ e <- inputElement $ def & inputElementConfig_setValue .~ ("pb" <$ pb)

567+ el "p" $ dynText $ _inputElement_value e

568+ it "input event and (updated value) fire correctly when both setValue AND user updated value happen before switchover" $ runWD $ do

569+ valRef <- newRef ([] :: [Text])

570+ inputRef <- newRef ([] :: [Text])

571+ let consRef ref a = liftIO $ atomicModifyRef ref $ \as -> (a:as, ())

572+ checkStatic = do

573+ input <- findElemWithRetry $ WD.ByTag "input"

574+ p <- findElemWithRetry (WD.ByTag "p")

575+ WD.attr input "value" `shouldBeWithRetryM` Just "pb"

576+ shouldContainText "pb" p

577+ WD.sendKeys "abc" input

578+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

579+ shouldContainText "pb" p -- It won't be updated yet

580+ readRef inputRef `shouldBeWithRetryM` [] -- Should never fire input ref during SSR

581+ readRef valRef `shouldBeWithRetryM` ["pb"]

582+ pure (input, p)

583+ checkHydrated (input, p) = do

584+ readRef inputRef `shouldBeWithRetryM` ["pbabc"]

585+ readRef valRef `shouldBeWithRetryM` ["pbabc", "pb"]

586+ WD.attr input "value" `shouldBeWithRetryM` Just "pbabc"

587+ shouldContainText "pbabc" p

588+ pure ()

589+ testWidget' checkStatic checkHydrated $ do

590+ liftIO $ writeRef valRef []

591+ pb <- getPostBuild

592+ e <- inputElement $ def & inputElementConfig_setValue .~ ("pb" <$ pb)

593+ el "p" $ dynText $ _inputElement_value e

594+ performEvent_ $ consRef valRef <$> updated (_inputElement_value e)

595+ performEvent_ $ consRef inputRef <$> _inputElement_input e

596+ describe "hydration/immediate" $ do

398597 it "captures user input after switchover" $ runWD $ do

399598 inputRef :: IORef Text <- newRef ""

400599 let checkValue = do

@@ -474,8 +673,31 @@ tests withDebugging wdConfig caps _selenium = do

474673 names <- liftJSM $ traverse File.getName fs

475674 liftIO $ writeRef filesRef names

476675

477− describe "textAreaElement" $ do

478− describe "hydration" $ session' $ do

676+ session' "textAreaElement" $ do

677+ describe "static renderer" $ do

678+ it "sets value attribute" $ runWD $ do

679+ let checkStatic = do

680+ e <- findElemWithRetry $ WD.ByTag "textarea"

681+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

682+ pure e

683+ checkHydrated e = do

684+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

685+ testWidget' checkStatic checkHydrated $ void $ textAreaElement $ def

686+ & textAreaElementConfig_initialValue .~ "test"

687+ it "updates value attribute at postBuild" $ runWD $ do

688+ let checkStatic = do

689+ e <- findElemWithRetry $ WD.ByTag "textarea"

690+ WD.attr e "value" `shouldBeWithRetryM` Just "test-updated"

691+ pure e

692+ checkHydrated e = do

693+ WD.attr e "value" `shouldBeWithRetryM` Just "test-updated"

694+ testWidget' checkStatic checkHydrated $ do

695+ pb <- getPostBuild

696+ _ <- textAreaElement $ def

697+ & textAreaElementConfig_initialValue .~ "test"

698+ & textAreaElementConfig_setValue .~ ("test-updated" <$ pb)

699+ pure ()

700+ describe "hydration" $ do

479701 it "doesn't wipe user input when switching over" $ runWD $ do

480702 inputRef <- newRef ("" :: Text)

481703 testWidget'

@@ -541,8 +763,90 @@ tests withDebugging wdConfig caps _selenium = do

541763 e <- textAreaElement $ def { _textAreaElementConfig_setValue = Just setValue' }

542764 performEvent_ $ liftIO . writeRef valueByUIRef <$> _textAreaElement_input e

543765 performEvent_ $ liftIO . writeRef valueRef <$> updated (value e)

766+ it "fires _input event if the user altered the value before hydration" $ runWD $ do

767+ textarea <- newRef ("" :: Text)

768+ update <- newRef ("" :: Text)

769+ let checkStatic = do

770+ e <- findElemWithRetry $ WD.ByTag "textarea"

771+ WD.attr e "value" `shouldBeWithRetryM` Just ""

772+ WD.sendKeys "test" e

773+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

774+ pure e

775+ checkHydrated e = do

776+ WD.attr e "value" `shouldBeWithRetryM` Just "test"

777+ readRef textarea `shouldBeWithRetryM` "test"

778+ readRef update `shouldBeWithRetryM` "test"

779+ testWidget' checkStatic checkHydrated $ do

780+ e <- textAreaElement def

781+ performEvent_ $ liftIO . writeRef textarea <$> _textAreaElement_input e

782+ performEvent_ $ liftIO . writeRef update <$> updated (_textAreaElement_value e)

783+ it "does not fire _input event when the value is updated at postBuild" $ runWD $ do

784+ textarea <- newRef (Nothing :: Maybe Text)

785+ let checkStatic = do

786+ e <- findElemWithRetry $ WD.ByTag "textarea"

787+ WD.attr e "value" `shouldBeWithRetryM` Just "pb"

788+ pure e

789+ checkHydrated e = do

790+ WD.attr e "value" `shouldBeWithRetryM` Just "pb"

791+ readRef textarea `shouldBeWithRetryM` Nothing

792+ testWidget' checkStatic checkHydrated $ do

793+ pb <- getPostBuild

794+ e <- textAreaElement $ def & textAreaElementConfig_setValue .~ ("pb" <$ pb)

795+ performEvent_ $ liftIO . writeRef textarea . Just <$> _textAreaElement_input e

796+ it "SSR produces correct DOM based on textAreaElement values when setValue happens at postBuild" $ runWD $ do

797+ let checkBoth = do

798+ textarea <- findElemWithRetry $ WD.ByTag "textarea"

799+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pb"

800+ p <- findElemWithRetry (WD.ByTag "p")

801+ shouldContainText "pb" p

802+ testWidget checkBoth checkBoth $ do

803+ pb <- getPostBuild

804+ e <- textAreaElement $ def & textAreaElementConfig_setValue .~ ("pb" <$ pb)

805+ el "p" $ dynText $ _textAreaElement_value e

806+ it "does not fail when both setValue AND user updated value happen before switchover" $ runWD $ do

807+ let checkStatic = do

808+ textarea <- findElemWithRetry $ WD.ByTag "textarea"

809+ h2_value <- findElemWithRetry (WD.ByTag "h2")

810+ h3_input <- findElemWithRetry (WD.ByTag "h3")

811+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pb"

812+ shouldContainText "pb" h2_value

813+ shouldContainText "" h3_input

814+ WD.sendKeys "abc" textarea

815+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pbabc"

816+ shouldContainText "pb" h2_value

817+ shouldContainText "" h3_input

818+ pure (textarea, h2_value, h3_input)

819+ checkHydrated (textarea, h2_value, h3_input) = do

820+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pbabc"

821+ shouldContainText "pbabc" h3_input

822+ shouldContainText "pbabc pb" h2_value

823+ pure ()

824+ testWidget' checkStatic checkHydrated $ do

825+ pb <- getPostBuild

826+ e <- textAreaElement $ def & textAreaElementConfig_setValue .~ ("pb" <$ pb)

827+ el "h1" $ dynText $ _textAreaElement_value e

828+ el "h2" $ dynText . fmap T.unwords <=< foldDyn (:) [] $ updated $ _textAreaElement_value e

829+ el "h3" $ dynText . fmap T.unwords <=< foldDyn (:) [] $ _textAreaElement_input e

830+ it "value is correct when both setValue AND user updated value happen before switchover" $ runWD $ do

831+ let checkStatic = do

832+ textarea <- findElemWithRetry $ WD.ByTag "textarea"

833+ p <- findElemWithRetry (WD.ByTag "p")

834+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pb"

835+ shouldContainText "pb" p

836+ WD.sendKeys "abc" textarea

837+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pbabc"

838+ shouldContainText "pb" p -- It won't be updated yet

839+ pure (textarea, p)

840+ checkHydrated (textarea, p) = do

841+ WD.attr textarea "value" `shouldBeWithRetryM` Just "pbabc"

842+ shouldContainText "pbabc" p

843+ pure ()

844+ testWidget' checkStatic checkHydrated $ do

845+ pb <- getPostBuild

846+ e <- textAreaElement $ def & textAreaElementConfig_setValue .~ ("pb" <$ pb)

847+ el "p" $ dynText $ _textAreaElement_value e

544848

545− describe "hydration/immediate" $ session' $ do

849+ describe "hydration/immediate" $ do

546850 it "captures user input after switchover" $ runWD $ do

547851 inputRef :: IORef Text <- newRef ""

548852 let checkValue = do

@@ -584,13 +888,13 @@ tests withDebugging wdConfig caps _selenium = do

584888 performEvent_ $ liftIO . writeRef valueByUIRef <$> _textAreaElement_input e

585889 performEvent_ $ liftIO . writeRef valueRef <$> updated (value e)

586890

587− describe "selectElement" $ do

891+ session' "selectElement" $ do

588892 let options :: DomBuilder t m => m ()

589893 options = do

590894 elAttr "option" ("value" =: "one" <> "id" =: "one") $ text "one"

591895 elAttr "option" ("value" =: "two" <> "id" =: "two") $ text "two"

592896 elAttr "option" ("value" =: "three" <> "id" =: "three") $ text "three"

593− describe "hydration" $ session' $ do

897+ describe "hydration" $ do

594898 it "sets initial value correctly" $ runWD $ do

595899 inputRef <- newRef ("" :: Text)

596900 let setup = do

@@ -664,7 +968,7 @@ tests withDebugging wdConfig caps _selenium = do

664968 performEvent_ $ liftIO . writeRef valueByUIRef <$> _selectElement_change e

665969 performEvent_ $ liftIO . writeRef valueRef <$> updated (_selectElement_value e)

666970

667− describe "hydration/immediate" $ session' $ do

971+ describe "hydration/immediate" $ do

668972 it "captures user input after switchover" $ runWD $ do

669973 inputRef :: IORef Text <- newRef ""

670974 let checkValue = do

@@ -710,7 +1014,7 @@ tests withDebugging wdConfig caps _selenium = do

7101014 performEvent_ $ liftIO . writeRef valueByUIRef <$> _selectElement_change e

7111015 performEvent_ $ liftIO . writeRef valueRef <$> updated (_selectElement_value e)

7121016

713− describe "prerender" $ session' $ do

1017+ session' "prerender" $ do

7141018 it "works in simple case" $ runWD $ do

7151019 testWidget (checkBodyText "One") (checkBodyText "Two") $ do

7161020 prerender_ (text "One") (text "Two")

@@ -779,7 +1083,7 @@ tests withDebugging wdConfig caps _selenium = do

7791083 prerender_ (pure ()) (liftIO $ trigger "Client")

7801084 textNode $ TextNodeConfig "Initial" $ Just e

7811085

782− describe "namespaces" $ session' $ do

1086+ session' "namespaces" $ do

7831087 it "dyn can be nested in namespaced widget" $ runWD $ do

7841088 testWidget (pure ()) (checkTextInTag "svg" "one") $ do

7851089 let svgRootCfg = def

@@ -788,7 +1092,7 @@ tests withDebugging wdConfig caps _selenium = do

7881092 void $ element "svg" svgRootCfg $ do

7891093 dyn_ $ text "one" <$ pure ()

7901094

791− describe "runWithReplace" $ session' $ do

1095+ session' "runWithReplace" $ do

7921096 it "works" $ runWD $ do

7931097 replaceChan :: Chan Text <- liftIO newChan

7941098 let setup = findElemWithRetry $ WD.ByTag "div"

@@ -962,7 +1266,9 @@ tests withDebugging wdConfig caps _selenium = do

9621266 _ <- runWithReplace (text "inner1" *> comment "replace-end-0") $ text "inner2" <$ replace

9631267 text "|after"

9641268 void $ runWithReplace blank $ el "p" blank <$ replace -- Signal tag for end of test

965− it "ignores missing ending bracketing comments" $ runWD $ do

1269+ -- TODO This test actually causes a hydration failure, but it wasn't

1270+ -- previously detected, so I've marked it pending

1271+ xit "ignores missing ending bracketing comments" $ runWD $ do

9661272 replaceChan :: Chan () <- liftIO newChan

9671273 let

9681274 preSwitchover = do

@@ -984,7 +1290,7 @@ tests withDebugging wdConfig caps _selenium = do

9841290 _ <- runWithReplace (text "inner1") $ el "p" (text "inner2") <$ replace

9851291 text "|after"

9861292

987− describe "traverseDMapWithKeyWithAdjust" $ session' $ do

1293+ session' "traverseDMapWithKeyWithAdjust" $ do

9881294 let widget :: DomBuilder t m => DKey a -> Identity a -> m (Identity a)

9891295 widget k (Identity v) = elAttr "li" ("id" =: textKey k) $ do

9901296 elClass "span" "key" $ text $ textKey k

@@ -1087,7 +1393,7 @@ tests withDebugging wdConfig caps _selenium = do

10871393 (dmap, _evt) <- traverseDMapWithKeyWithAdjust widget keyMap $ leftmost [postBuildPatch <$ pb, replace]

10881394 liftIO $ dmap `H.shouldBe` keyMap

10891395

1090− describe "traverseIntMapWithKeyWithAdjust" $ session' $ do

1396+ session' "traverseIntMapWithKeyWithAdjust" $ do

10911397 let textKeyInt k = "key" <> T.pack (show k)

10921398 intMap = IntMap.fromList

10931399 [ (1, "one")

@@ -1194,7 +1500,7 @@ tests withDebugging wdConfig caps _selenium = do

11941500 (dmap, _evt) <- traverseIntMapWithKeyWithAdjust widget intMap $ leftmost [postBuildPatch <$ pb, replace]

11951501 liftIO $ dmap `H.shouldBe` intMap

11961502

1197− describe "traverseDMapWithKeyWithAdjustWithMove" $ session' $ do

1503+ session' "traverseDMapWithKeyWithAdjustWithMove" $ do

11981504 let widget :: DomBuilder t m => Key2 a -> Identity a -> m (Identity a)

11991505 widget k (Identity v) = elAttr "li" ("id" =: textKey2 k) $ do

12001506 elClass "span" "key" $ text $ textKey2 k

@@ -1274,8 +1580,8 @@ tests withDebugging wdConfig caps _selenium = do

12741580 (dmap, _evt) <- traverseDMapWithKeyWithAdjustWithMove widget initMap =<< triggerEventWithChan chan

12751581 liftIO $ assertEqual "DMap" initMap dmap

12761582

1277− describe "hydrating invalid HTML" $ session' $ do

1278− it "can hydrate list in paragraph" $ runWD $ do

1583+ session' "hydrating invalid HTML" $ do

1584+ xit "can hydrate list in paragraph" $ runWD $ do

12791585 let preSwitchover = do

12801586 checkBodyText "before\ninner\nafter"

12811587 -- Two tags should be present

@@ -1292,7 +1598,8 @@ tests withDebugging wdConfig caps _selenium = do

12921598 shouldContainText "before\ninner\nafter" p1

12931599 elementShouldBeRemoved ol

12941600 elementShouldBeRemoved p2

1295− testWidget' preSwitchover check $ do

1601+ -- Don't fail fatally when hydration encounters the invalid DOM

1602+ testWidgetDebug' False withDebugging preSwitchover check $ do

12961603 -- This is deliberately invalid HTML, the browser will interpret it as

12971604 -- before<ol>inner</ol>after

12981605 el "p" $ do

@@ -1303,7 +1610,7 @@ tests withDebugging wdConfig caps _selenium = do

13031610 -- TODO: This test presupposes the exact set of labels that "dropdown" places in the "value" fields to distinguish options.

13041611 -- This dependence on internal implementation details is undesirable in a test case, but seems fairly tricky to avoid.

13051612 -- It seems expedient for the time being to expect this test case to be updated, should those implementation details ever change.

1306− describe "dropdown" $ session' $ do

1613+ session' "dropdown" $ do

13071614 let doTest expectedOpts (initialValue :: Text) = do

13081615 let doCheck = do

13091616 es <- findElemsWithRetry $ WD.ByTag "option"

@@ -1418,11 +1725,12 @@ testWidgetStaticDebug

14181725 -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

14191726 -- ^ Widget we are testing

14201727 -> WD b

1421−testWidgetStaticDebug withDebugging w = testWidgetDebug withDebugging (void w) w

1728+testWidgetStaticDebug withDebugging w = testWidgetDebug True withDebugging (void w) w

14221729

14231730-- | TODO: do something about JSExceptions not causing tests to fail

14241731testWidgetDebug

14251732 :: Bool

1733+ -> Bool

14261734 -> WD ()

14271735 -- ^ Webdriver commands to run before the JS runs (i.e. on the statically rendered page)

14281736 -> WD b

@@ -1430,12 +1738,16 @@ testWidgetDebug

14301738 -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

14311739 -- ^ Widget we are testing

14321740 -> WD b

1433−testWidgetDebug withDebugging beforeJS afterSwitchover =

1434− testWidgetDebug' withDebugging beforeJS (const afterSwitchover)

1741+testWidgetDebug hardFailure withDebugging beforeJS afterSwitchover =

1742+ testWidgetDebug' hardFailure withDebugging beforeJS (const afterSwitchover)

1743+

1744+data HydrationFailedException = HydrationFailedException deriving Show

1745+instance Exception HydrationFailedException

14351746

14361747-- | TODO: do something about JSExceptions not causing tests to fail

14371748testWidgetDebug'

14381749 :: Bool

1750+ -> Bool

14391751 -> WD a

14401752 -- ^ Webdriver commands to run before the JS runs (i.e. on the statically rendered page)

14411753 -> (a -> WD b)

@@ -1443,7 +1755,7 @@ testWidgetDebug'

14431755 -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

14441756 -- ^ Widget we are testing (contents of body)

14451757 -> WD b

1446−testWidgetDebug' withDebugging beforeJS afterSwitchover bodyWidget = do

1758+testWidgetDebug' hardFailure withDebugging beforeJS afterSwitchover bodyWidget = do

14471759 let putStrLnDebug :: MonadIO m => Text -> m ()

14481760 putStrLnDebug m = when withDebugging $ liftIO $ putStrLn $ T.unpack m

14491761 staticApp = do

@@ -1455,6 +1767,7 @@ testWidgetDebug' withDebugging beforeJS afterSwitchover bodyWidget = do

14551767 ((), html) <- liftIO $ renderStatic $ runHydratableT staticApp

14561768 putStrLnDebug "rendered static"

14571769 waitBeforeJS <- liftIO newEmptyMVar -- Empty until JS should be run

1770+ onFailure <- if hardFailure then (`throwTo` HydrationFailedException) <$> liftIO myThreadId else pure $ pure ()

14581771 waitUntilSwitchover <- liftIO newEmptyMVar -- Empty until switchover

14591772 let entryPoint = do

14601773 putStrLnDebug "taking waitBeforeJS"

@@ -1466,7 +1779,7 @@ testWidgetDebug' withDebugging beforeJS afterSwitchover bodyWidget = do

14661779 liftIO $ putMVar waitUntilSwitchover ()

14671780 putStrLnDebug "put waitUntilSwitchover"

14681781 putStrLnDebug "running mainHydrationWidgetWithSwitchoverAction"

1469− mainHydrationWidgetWithSwitchoverAction switchOverAction blank bodyWidget

1782+ mainHydrationWidgetWithSwitchoverActionWithFailure' onFailure switchOverAction blank bodyWidget

14701783 putStrLnDebug "syncPoint after mainHydrationWidgetWithSwitchoverAction"

14711784 syncPoint

14721785 application <- liftIO $ jsaddleOr defaultConnectionOptions entryPoint $ \_ sendResponse -> do

reflex-dom-test-selenium/CHANGELOG.mdnew file+5

@@ -0,0 +1,5 @@

1+# Revision history for reflex-dom-core-selenium

3+## 0.1.0.0 -- YYYY-mm-dd

5+* First version. Released on an unsuspecting world.

reflex-dom-test-selenium/LICENSEnew file+12

@@ -0,0 +1,12 @@

4+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

6+1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

8+2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

10+3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

11+

12+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

reflex-dom-test-selenium/Setup.hsnew file+2

@@ -0,0 +1,2 @@

1+import Distribution.Simple

2+main = defaultMain

reflex-dom-test-selenium/add-overrides.nixnew file+20

@@ -0,0 +1,20 @@

1+{ nixpkgs }: testPackage:

2+ nixpkgs.haskell.lib.overrideCabal testPackage

3+ (drv: {

5+ # The headless browser run as part of the tests will exit without this

6+ preBuild = ''

7+ export HOME="$PWD"

8+ '';

10+ testSystemDepends = with nixpkgs; (drv.testSystemDepends or []) ++ [

11+ selenium-server-standalone which

12+ chromium

13+ nixpkgs.iproute

14+ ];

15+

16+ # The headless browser run as part of gc tests would hang/crash without this

17+ preCheck = ''

18+ export FONTCONFIG_PATH=${nixpkgs.fontconfig.out}/etc/fonts

19+ '';

20+ })

reflex-dom-test-selenium/reflex-dom-test-selenium.cabalnew file+41

@@ -0,0 +1,41 @@

1+cabal-version: 1.24

2+Name: reflex-dom-test-selenium

3+Version: 0.0.0.1

4+Synopsis: Testing framework for selenium tests

5+Description:

6+License: BSD3

7+License-file: LICENSE

8+Author: Ryan Trinkle

9+Maintainer: ryan.trinkle@gmail.com

10+Stability: Experimental

11+Category: FRP, Web, GUI, HTML, Javascript, Reactive, Reactivity, User Interfaces, User-interface

12+Build-type: Simple

13+

14+library

15+ hs-source-dirs: src

16+ build-depends:

17+ async,

18+ base >= 4.7 && < 4.15,

19+ bytestring == 0.10.*,

20+ chrome-test-utils,

21+ exceptions,

22+ hspec-core,

23+ hspec-webdriver >= 1.2.1,

24+ http-types,

25+ jsaddle >= 0.9.0.0 && < 0.10,

26+ jsaddle-warp,

27+ network,

28+ process,

29+ reflex-dom-core,

30+ silently,

31+ text == 1.2.*,

32+ wai,

33+ warp,

34+ webdriver,

35+ websockets

36+

37+ exposed-modules:

38+ Reflex.Dom.Test.Selenium

39+

40+ default-language: Haskell98

41+ ghc-options: -Wall -fwarn-tabs -funbox-strict-fields -O2 -ferror-spans -fspecialise-aggressively

reflex-dom-test-selenium/src/Reflex/Dom/Test/Selenium.hsnew file+249

@@ -0,0 +1,249 @@

1+{-# LANGUAGE ConstraintKinds #-}

2+{-# LANGUAGE FlexibleContexts #-}

3+{-# LANGUAGE GeneralizedNewtypeDeriving #-}

4+{-# LANGUAGE OverloadedStrings #-}

5+{-# LANGUAGE RankNTypes #-}

6+{-# LANGUAGE ScopedTypeVariables #-}

7+{-# LANGUAGE StandaloneDeriving #-}

8+{-# LANGUAGE TemplateHaskell #-}

10+{-# OPTIONS_GHC -fno-warn-orphans #-}

11+

12+-- | Utilities for testing reflex-dom widgets with Selenium.

13+--

14+-- Any uses of the 'testWidget' functions will start a jsaddle warp server and

15+-- serve the given widget in an otherwise empty page. Webdriver commands can run

16+-- on the statically rendered page, and on the hydrated page.

17+module Reflex.Dom.Test.Selenium

18+ ( TestWidget

19+ , TestWidgetConfig (..)

20+ , testWidget, testWidget', testWidgetStatic, testWidgetHydrated

21+ , withSeleniumSpec

22+ , embedSpec

23+ , SeleniumSetupConfig (..)

24+ ) where

25+

26+import Control.Concurrent (threadDelay, newEmptyMVar, takeMVar, putMVar)

27+import Control.Exception (throwIO)

28+import Control.Monad (when)

29+import Control.Monad.Catch (MonadMask, handle)

30+import Control.Monad.Fix (MonadFix)

31+import Control.Monad.IO.Class (MonadIO, liftIO)

32+import Data.Text (Text)

33+import Language.Javascript.JSaddle

34+import Language.Javascript.JSaddle.Warp

35+import Network.HTTP.Types (status200)

36+import Network.Socket (PortNumber)

37+import Network.Wai (responseLBS)

38+import Network.WebSockets (defaultConnectionOptions)

39+import Reflex.Dom.Core

40+import System.IO (stderr)

41+import System.IO.Silently (hSilence)

42+import System.Process (std_in, std_out, std_err, createProcess, proc, StdStream (..), terminateProcess)

43+import Test.Hspec.WebDriver (Spec, SpecWith, WdTestSession, sessionWith, using)

44+import Test.Util.ChromeFlags

45+import Test.Util.UnshareNetwork

46+import Test.WebDriver (WD)

47+

48+import qualified Control.Concurrent.Async as Async

49+import qualified Data.ByteString.Lazy as LBS

50+import qualified Data.Text as T

51+import qualified Data.Text.Encoding as TE

52+import qualified Network.Wai.Handler.Warp as Warp

53+import qualified Test.Hspec.Core.Spec as Hspec

54+import qualified Test.WebDriver as WD

55+import qualified Test.WebDriver.Capabilities as WD

56+

57+deriving instance MonadMask WD

58+

59+data SeleniumSetupConfig = SeleniumSetupConfig

60+ { _seleniumSetupConfig_chromiumPath :: FilePath

61+ -- ^ Path to the chromium executable

62+ , _seleniumSetupConfig_headless :: Bool

63+ -- ^ True means that the browser is invoked in headless mode, False means that

64+ -- the user can see the interaction happening on the browser (useful for debugging).

65+ , _seleniumSetupConfig_seleniumPort :: PortNumber

66+ -- ^ The port number used by selenium

67+ }

68+

69+-- | Setup a selenium server and use it to run some hspec tests.

70+--

71+-- withSeleniumSpec config $ \runSession -> hspec $ do

72+-- describe "tests using webdriver session" $ runSession $ do

73+-- webdriver tests here

74+withSeleniumSpec :: SeleniumSetupConfig -> ((forall multi. SpecWith (WdTestSession multi) -> Spec) -> IO a) -> IO a

75+withSeleniumSpec config runSpec = do

76+ liftIO $ handle (\(_ :: IOError) -> return ()) $ unshareNetork -- If we run into an exception with sandboxing, just don't bother

77+ withSandboxedChromeFlags (_seleniumSetupConfig_headless config) $ \chromeFlags -> do

78+ withSeleniumServer (_seleniumSetupConfig_seleniumPort config) $ do

79+ let browserPath = T.strip $ T.pack $ _seleniumSetupConfig_chromiumPath config

80+ when (T.null browserPath) $ fail "No browser found"

81+ let wdConfig = WD.defaultConfig { WD.wdPort = fromIntegral $ _seleniumSetupConfig_seleniumPort config }

82+ chromeCaps' = WD.getCaps $ chromeConfig browserPath chromeFlags

83+ runSpec $ sessionWith wdConfig "" . using [(chromeCaps', "chrome")]

84+

85+startSeleniumServer :: PortNumber -> IO (IO ())

86+startSeleniumServer port = do

87+ (_,_,_,ph) <- createProcess $ (proc "selenium-server" ["-port", show port])

88+ { std_in = NoStream

89+ , std_out = NoStream

90+ , std_err = NoStream

91+ }

92+ return $ terminateProcess ph

93+

94+withSeleniumServer :: PortNumber -> IO a -> IO a

95+withSeleniumServer port f = bracket (startSeleniumServer port) id $ \_ -> do

96+ threadDelay $ 1000 * 1000 * 2 -- TODO poll or wait on a a signal to block on

97+ f

98+

99+chromeConfig :: Text -> [Text] -> WD.WDConfig

100+chromeConfig fp flags =

101+ WD.useBrowser

102+ (WD.chrome { WD.chromeBinary = Just $ T.unpack fp, WD.chromeOptions = T.unpack <$> flags })

103+ WD.defaultConfig

104+

105+--------------------------------------------------------------------------------

106+-- Function to test widgets

107+--------------------------------------------------------------------------------

108+

109+-- | The environment in which your widgets can be tested

110+type TestWidget js t m =

111+ (DomBuilder t m, MonadHold t m, PostBuild t m

112+ , Prerender js t m, PerformEvent t m, TriggerEvent t m

113+ , MonadFix m, MonadIO (Performable m), MonadIO m)

114+

115+-- | Configuration of individual tests

116+data TestWidgetConfig = TestWidgetConfig

117+ { _testWidgetConfig_debug :: Bool

118+ -- ^ If this flag is set to True, during the test we will emit debug messages

119+ , _testWidgetConfig_headWidget :: (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

120+ -- ^ We can add widgets here that will be included in the head of the page

121+ -- (useful for example to include external js libraries in the tests)

122+ , _testWidgetConfig_jsaddlePort :: PortNumber

123+ -- ^ Port used by the jsaddle server

124+ }

125+

126+-- | Test a widget by running some webdriver commands before and after

127+-- hydration.

128+testWidget

129+ :: TestWidgetConfig

130+ -> WD a

131+ -- ^ Webdriver commands to run before the JS runs (i.e. on the statically rendered page)

132+ -> WD b

133+ -- ^ Webdriver commands to run after hydration switchover

134+ -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

135+ -- ^ Widget we are testing (contents of body)

136+ -> WD b

137+testWidget cfg before after widget = testWidget' cfg before (const after) widget

138+

139+-- | Test a widget by running some webdriver commands before hydration (on the

140+-- statically rendered page).

141+testWidgetStatic

142+ :: TestWidgetConfig

143+ -> WD a

144+ -- ^ Webdriver commands to run before the JS runs (i.e. on the statically rendered page)

145+ -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

146+ -- ^ Widget we are testing (contents of body)

147+ -> WD a

148+testWidgetStatic cfg before widget = testWidget' cfg before pure widget

149+

150+-- | Test a widget by running some webdriver commands after hydration.

151+testWidgetHydrated

152+ :: TestWidgetConfig

153+ -> WD b

154+ -- ^ Webdriver commands to run after hydration switchover

155+ -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

156+ -- ^ Widget we are testing (contents of body)

157+ -> WD b

158+testWidgetHydrated cfg after widget = testWidget' cfg (pure ()) (const after) widget

159+

160+-- | Test a widget by running some webdriver commands before and after

161+-- hydration. Like 'testWidget', but you can use the result of the webdriver

162+-- commands from before hydration in the post hydration test.

163+testWidget'

164+ :: TestWidgetConfig

165+ -> WD a

166+ -- ^ Webdriver commands to run before the JS runs (i.e. on the statically rendered page)

167+ -> (a -> WD b)

168+ -- ^ Webdriver commands to run after hydration switchover

169+ -> (forall m js. TestWidget js (SpiderTimeline Global) m => m ())

170+ -- ^ Widget we are testing (contents of body)

171+ -> WD b

172+testWidget' (TestWidgetConfig withDebugging headWidget jsaddlePort) beforeJS afterSwitchover bodyWidget = do

173+ let putStrLnDebug :: MonadIO m => Text -> m ()

174+ putStrLnDebug m = when withDebugging $ liftIO $ putStrLn $ T.unpack m

175+ staticApp = do

176+ el "head" $ headWidget

177+ el "body" $ do

178+ bodyWidget

179+ el "script" $ text $ TE.decodeUtf8 $ LBS.toStrict $ jsaddleJs False

180+ putStrLnDebug "rendering static"

181+ ((), html) <- liftIO $ renderStatic $ runHydratableT staticApp

182+ putStrLnDebug "rendered static"

183+ waitBeforeJS <- liftIO newEmptyMVar -- Empty until JS should be run

184+ waitUntilSwitchover <- liftIO newEmptyMVar -- Empty until switchover

185+ let entryPoint = do

186+ putStrLnDebug "taking waitBeforeJS"

187+ liftIO $ takeMVar waitBeforeJS

188+ let switchOverAction = do

189+ putStrLnDebug "switchover syncPoint"

190+ syncPoint

191+ putStrLnDebug "putting waitUntilSwitchover"

192+ liftIO $ putMVar waitUntilSwitchover ()

193+ putStrLnDebug "put waitUntilSwitchover"

194+ putStrLnDebug "running mainHydrationWidgetWithSwitchoverAction"

195+ mainHydrationWidgetWithSwitchoverAction switchOverAction blank bodyWidget

196+ putStrLnDebug "syncPoint after mainHydrationWidgetWithSwitchoverAction"

197+ syncPoint

198+ application <- liftIO $ jsaddleOr defaultConnectionOptions entryPoint $ \_ sendResponse -> do

199+ putStrLnDebug "sending response"

200+ r <- sendResponse $ responseLBS status200 [] $ "<!doctype html>\n" <> LBS.fromStrict html

201+ putStrLnDebug "sent response"

202+ return r

203+ waitJSaddle <- liftIO newEmptyMVar

204+ let settings = foldr ($) Warp.defaultSettings

205+ [ Warp.setPort $ fromIntegral $ toInteger jsaddlePort

206+ , Warp.setBeforeMainLoop $ do

207+ putStrLnDebug "putting waitJSaddle"

208+ putMVar waitJSaddle ()

209+ putStrLnDebug "put waitJSaddle"

210+ ]

211+ -- hSilence to get rid of ConnectionClosed logs

212+ silenceIfNotDebugging = if withDebugging then id else hSilence [stderr]

213+ jsaddleWarp = silenceIfNotDebugging $ Warp.runSettings settings application

214+ withAsync' jsaddleWarp $ do

215+ putStrLnDebug "taking waitJSaddle"

216+ liftIO $ takeMVar waitJSaddle

217+ putStrLnDebug "opening page"

218+ WD.openPage $ "http://localhost:" <> show jsaddlePort

219+ putStrLnDebug "running beforeJS"

220+ a <- beforeJS

221+ putStrLnDebug "putting waitBeforeJS"

222+ liftIO $ putMVar waitBeforeJS ()

223+ putStrLnDebug "taking waitUntilSwitchover"

224+ liftIO $ takeMVar waitUntilSwitchover

225+ putStrLnDebug "running afterSwitchover"

226+ afterSwitchover a

227+

228+--------------------------------------------------------------------------------

229+-- Utilities

230+--------------------------------------------------------------------------------

231+

232+-- | Embed a different spec type by evaluating it directly.

233+embedSpec :: (Hspec.Example a, MonadIO m) => Hspec.Arg a -> a -> m ()

234+embedSpec arg spec = liftIO $ do

235+ Hspec.Result _info status <- Hspec.evaluateExample

236+ spec

237+ Hspec.defaultParams

238+ (\actionWith -> actionWith arg)

239+ (\_ -> pure ())

240+ case status of

241+ Hspec.Success -> pure ()

242+ Hspec.Pending _ _ -> pure () -- should not happen

243+ failure -> throwIO failure

244+

245+withAsync' :: (MonadIO m, MonadMask m) => IO a -> m b -> m b

246+withAsync' f g = bracket

247+ (liftIO $ Async.async f)

248+ (liftIO . Async.uninterruptibleCancel)

249+ (const g)

reflex-dom/ChangeLog.md+8

@@ -1,5 +1,13 @@

11# Revision history for reflex-dom

3+## 0.6.1.0-r1

5+* Loosen reflex-dom-core version bounds

7+## 0.6.1.0

9+* Update for new dependent-map and dependent-sum (after the "some" package split)

10+

311## 0.6.0.0

412

513* ([#379](https://github.com/reflex-frp/reflex-dom/pull/379)) Re-export all modules from `reflex-dom-core`. The newly re-exported modules are:

reflex-dom/reflex-dom.cabal+5−5

@@ -1,6 +1,6 @@

11cabal-version: 1.24

22Name: reflex-dom

3−Version: 0.6.0.0

3+Version: 0.6.1.0

44Synopsis: Functional Reactive Web Apps with Reflex

55Description:

66 Web applications without callbacks or side-effects.

@@ -61,7 +61,7 @@ library

6161 hs-source-dirs: src-android

6262 other-modules: Reflex.Dom.Android.MainWidget

6363 build-depends:

64− aeson >= 1.4 && < 1.5,

64+ aeson >= 1.4 && < 1.6,

6565 android-activity == 0.1.*,

6666 data-default == 0.7.*,

6767 jsaddle >= 0.9.6 && < 0.10

@@ -71,10 +71,10 @@ library

7171 cpp-options: -DANDROID

7272 build-tools: hsc2hs

7373 build-depends:

74− base >= 4.7 && < 4.14,

74+ base >= 4.7 && < 4.15,

7575 bytestring == 0.10.*,

76− reflex >= 0.6.2 && < 0.8,

77− reflex-dom-core == 0.6.0.0,

76+ reflex >= 0.8 && < 0.9,

77+ reflex-dom-core >= 0.6.1.0 && <0.7,

7878 text == 1.2.*

7979 if !impl(ghcjs)

8080 if flag(use-warp) && (os(linux) || os(osx))