Skip to content
This repository has been archived by the owner on Mar 10, 2022. It is now read-only.

Datepicker booking #994

Merged
merged 1 commit into from
Nov 16, 2018
Merged

Datepicker booking #994

merged 1 commit into from
Nov 16, 2018

Conversation

sixertoy
Copy link
Contributor

Pour validation PR

  • Une offre numérique
  • Une offre avec plusieurs dates - Si une seule pas de nav sur la calendrier (default de la lib)
  • Une offre avec plusieurs prix par date
  • Vérifier que rien n'a bougé sur le Filter Dates du search

@@ -4,7 +4,7 @@ import React from 'react'
import PropTypes from 'prop-types'
import { Icon } from 'pass-culture-shared'

import flattenErrors from './utils'
import { flattenErrors } from './utils'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

il cherche dans le utils.js chez moi, j'ai écris
import flattenErrors from './utils'

Copy link
Contributor Author

@sixertoy sixertoy Nov 15, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Testes en relancant la webapp, ca devrait le faire

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok, merci

@annemarie35
Copy link
Contributor

Le rendu est plus beau sur le search 👍
Après, y'a un swipe vers la droite qui n'existait pas avant mais ça vient peut-être de la PR de @g4vroche récente

@@ -0,0 +1,31 @@
import { isSameDayInEachTimezone } from '../../../helpers'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

le test est manquant onCalendarUpdate.spec.js

.react-datepicker__triangle::before {
top: -3px;
}
}

/* ----- NAVIGATION GAUCHE/DROITE ----- */
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

attention ça fait ça maintenant :
capture d ecran 2018-11-15 a 15 50 52

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment tu as obtenu ce résultat ?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je fais défiler jusqu'au calendrier et j'ai continué le swipe

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je ne peux plus, peut-être que ça a été fixé par @g4vroche ?

@annemarie35
Copy link
Contributor

Je n'ai pas réussi à réserver d'offre.
Contexte : je suis en local, j'utilise les offres de la nouvelle sandbox
J'ai un utilisateur sans argent, je veux booker une offre à 10 euros et ça bugge

capture d ecran 2018-11-15 a 15 52 44

@sixertoy
Copy link
Contributor Author

@annemarie35 pour le bug de l'user sans argent
il faut regarder si en relancant l'app c'est toujours présent
il ne trouve pas le flattenErrors qui est utilisé dans le reduce
c'est probablement lié

@annemarie35
Copy link
Contributor

@annemarie35 pour le bug de l'user sans argent
il faut regarder si en relancant l'app c'est toujours présent
il ne trouve pas le flattenErrors qui est utilisé dans le reduce
c'est probablement lié

C'est bon, j'ai bien un message d'erreur qui m'informe que je n'ai pas assez d'argent

@@ -13,11 +13,13 @@ import { externalSubmitForm } from '../forms/utils'
import BookingForm from './BookingForm'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tu pourrais ajouter aussi un test sur ce fichier et le séparer en deux comme sur /signin
ça permet de tester le composant et le composant connecté
y'a une grande discussion à ce sujet reduxjs/react-redux#325

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

J'ajoute ça
Je suis en train de faire les tests sur onCalendarUpdates (qui je pense est passé à la poubelle dans une de mes branches :'( )
Pour le when/given/then tu veux qu'on les rajoute sur les Tests Unitaires aussi ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je viens de regarder pour le split du mapStateToProps
Je suis plutot pour, néanmoins je me pose la question en cas de plusieurs composants connectés dans le même dossier
Alors j'en arrive à me dire que on devrait peut être avoir un fichier mapStateToProps qui soit le seul lieu d'import du connect et des sélecteurs pour tous les composants d'une page/feature
Ca vaut le coup d'en discuter je pense
Dans le cas ou on garde le système de signin, comment on nomme le fichier de la vue principale pour que cela soit implicite que c'est le fichier principal d'entrée
Précédemment un fichier nommé main était un peu ce que je décris

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pour le when/given/then tu veux qu'on les rajoute sur les Tests Unitaires aussi ?
Je trouve ça plus lisible d'avoir 3 blocs et ça m'oblige à penser à ce que j'attends dans l'assertion donc je préfère et ça reste cohérent avec les tests déjà écrit

Je suis plutot pour, néanmoins je me pose la question en cas de plusieurs composants connectés dans le même dossier
J'ai pas encore vu ce cas de figure, le signin et le share ont été séparé sans que ça change les imports. Je trouve que ça prend pas trop de temps de les remettre dans un seul fichier.
Après ça fait encore plus de fichiers dans les dossiers

Alors j'en arrive à me dire que on devrait peut être avoir un fichier mapStateToProps qui soit le seul lieu d'import du connect et des sélecteurs pour tous les composants d'une page/feature
Oui, ça peut être aussi une autre solution

Ca vaut le coup d'en discuter je pense
Oui bien d'accord, j'ai proposé ça sur share et signin (et search) surtout aussi car ça permet de tester unitairement (sinon compose + connect = galère à tester)

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

De ce que je tire de la discussion citée par @annemarie35 (:+1:), le plus pertinent me semble être :

  • Tester les mapsStateToProps & mapDispatchToProps sous forme de TU.
  • Tester le component déconnecté en lui passant directement les props qu'on veux

- add du dossier tmp au gitignore
- split functions from BookingForm to testable files
- ajout des tests unitaires
- remove du HOC withBookingForm
- split du booking header in its own file
- suppr de l'ancien calendrier antd
- update des styles du calendrier
- ajout des arrows gauche droite sur le calendrier
- update de la position de la popup du calendrier sur la booking card
- ajout de l'icone du calendrier text input quand no selected date
- fix des tests snapshots sur le booking form
@sixertoy sixertoy merged commit 48c4f43 into master Nov 16, 2018
@sixertoy sixertoy deleted the datepicker-booking branch November 16, 2018 13:21
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants