From 997b4de19487053a50409d9cd5b487453fbb984a Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Fri, 28 Jul 2023 09:30:09 +0000
Subject: [PATCH] feat(ecogestures): keep ecogestures filter
---
.../Ecogesture/EcogestureInitModal.tsx | 1 -
.../Ecogesture/EcogestureList.spec.tsx | 65 +-
src/components/Ecogesture/EcogestureList.tsx | 251 +-
.../EcogestureInitModal.spec.tsx.snap | 10 +-
.../EcogestureList.spec.tsx.snap | 2989 ++++++++---------
.../EcogestureView.spec.tsx.snap | 10 +-
.../Ecogesture/ecogestureInitModal.scss | 7 +-
src/components/Ecogesture/ecogestureList.scss | 4 +-
.../EcogestureForm/EcogestureFormView.tsx | 8 +-
src/models/global.model.ts | 2 +
src/store/global/global.slice.spec.ts | 13 +
src/store/global/global.slice.ts | 22 +-
tests/__mocks__/store/global.state.mock.ts | 2 +
13 files changed, 1689 insertions(+), 1695 deletions(-)
diff --git a/src/components/Ecogesture/EcogestureInitModal.tsx b/src/components/Ecogesture/EcogestureInitModal.tsx
index e20e0a60e..e5f7959a7 100644
--- a/src/components/Ecogesture/EcogestureInitModal.tsx
+++ b/src/components/Ecogesture/EcogestureInitModal.tsx
@@ -50,7 +50,6 @@ const EcogestureInitModal = ({
<Button
aria-label={t('ecogesture.initModal.btn1')}
onClick={handleCloseClick}
- className="btn1"
classes={{
root: 'btn-secondary-negative',
label: 'text-16-bold',
diff --git a/src/components/Ecogesture/EcogestureList.spec.tsx b/src/components/Ecogesture/EcogestureList.spec.tsx
index 21d10a3a5..7bf20362e 100644
--- a/src/components/Ecogesture/EcogestureList.spec.tsx
+++ b/src/components/Ecogesture/EcogestureList.spec.tsx
@@ -3,8 +3,11 @@ import EcogestureList from 'components/Ecogesture/EcogestureList'
import { mount } from 'enzyme'
import toJson from 'enzyme-to-json'
import React from 'react'
+import { Provider } from 'react-redux'
import { BrowserRouter } from 'react-router-dom'
+import * as storeHooks from 'store/hooks'
import { mockedEcogesturesData } from '../../../tests/__mocks__/ecogesturesData.mock'
+import { createMockEcolyoStore } from '../../../tests/__mocks__/store'
import { waitForComponentToPaint } from '../../../tests/__mocks__/testUtils'
jest.mock('cozy-ui/transpiled/react/I18n', () => ({
@@ -15,19 +18,25 @@ jest.mock('cozy-ui/transpiled/react/I18n', () => ({
jest.mock('components/Ecogesture/EcogestureCard', () => 'mock-ecogesturecard')
const mockHandleReinit = jest.fn()
+const updateEcogestureFilter = jest.fn()
+const mockAppDispatch = jest.spyOn(storeHooks, 'useAppDispatch')
+mockAppDispatch.mockImplementation(() => updateEcogestureFilter)
+const store = createMockEcolyoStore()
describe('EcogesturesList component', () => {
it('should be rendered correctly', async () => {
const wrapper = mount(
- <BrowserRouter>
- <EcogestureList
- list={mockedEcogesturesData}
- displaySelection={false}
- selectionTotal={0}
- selectionViewed={0}
- handleReinitClick={mockHandleReinit}
- />
- </BrowserRouter>
+ <Provider store={store}>
+ <BrowserRouter>
+ <EcogestureList
+ list={mockedEcogesturesData}
+ displaySelection={false}
+ selectionTotal={0}
+ selectionViewed={0}
+ handleReinitClick={mockHandleReinit}
+ />
+ </BrowserRouter>
+ </Provider>
)
await waitForComponentToPaint(wrapper)
expect(toJson(wrapper)).toMatchSnapshot()
@@ -35,33 +44,37 @@ describe('EcogesturesList component', () => {
it('should open the filter menu and select all ecogesture', async () => {
const wrapper = mount(
- <BrowserRouter>
- <EcogestureList
- list={mockedEcogesturesData}
- displaySelection={false}
- selectionTotal={0}
- selectionViewed={0}
- />
- </BrowserRouter>
+ <Provider store={store}>
+ <BrowserRouter>
+ <EcogestureList
+ list={mockedEcogesturesData}
+ displaySelection={false}
+ selectionTotal={0}
+ selectionViewed={0}
+ />
+ </BrowserRouter>
+ </Provider>
)
await waitForComponentToPaint(wrapper)
wrapper.find('.filter-button').simulate('click')
wrapper.find(Button).first().simulate('click')
expect(wrapper.find('.filter-menu').exists()).toBeTruthy()
wrapper.find(MenuItem).at(1).simulate('click')
- expect(wrapper.find('.ecogestures').text()).toBe('ecogesture.HEATING')
+ expect(updateEcogestureFilter).toBeCalledTimes(1)
})
it('should display the selection section', async () => {
const wrapper = mount(
- <BrowserRouter>
- <EcogestureList
- list={mockedEcogesturesData}
- displaySelection={true}
- selectionTotal={50}
- selectionViewed={10}
- />
- </BrowserRouter>
+ <Provider store={store}>
+ <BrowserRouter>
+ <EcogestureList
+ list={mockedEcogesturesData}
+ displaySelection={true}
+ selectionTotal={50}
+ selectionViewed={10}
+ />
+ </BrowserRouter>
+ </Provider>
)
await waitForComponentToPaint(wrapper)
expect(wrapper.find('.selection').exists()).toBeTruthy()
diff --git a/src/components/Ecogesture/EcogestureList.tsx b/src/components/Ecogesture/EcogestureList.tsx
index 5e9a257bc..047b325b3 100644
--- a/src/components/Ecogesture/EcogestureList.tsx
+++ b/src/components/Ecogesture/EcogestureList.tsx
@@ -9,6 +9,8 @@ import { Usage } from 'enum/ecogesture.enum'
import { Ecogesture } from 'models'
import React, { useState } from 'react'
import { useNavigate } from 'react-router-dom'
+import { updateEcogestureFilter } from 'store/global/global.slice'
+import { useAppDispatch, useAppSelector } from 'store/hooks'
import './ecogestureList.scss'
interface EcogestureListProps {
@@ -28,7 +30,8 @@ const EcogestureList = ({
}: EcogestureListProps) => {
const { t } = useI18n()
const navigate = useNavigate()
- const [activeFilter, setActiveFilter] = useState<string>(Usage[Usage.ALL])
+ const dispatch = useAppDispatch()
+ const { ecogestureFilter } = useAppSelector(state => state.ecolyo.global)
const [openDropDown, setOpenDropDown] = useState<boolean>(false)
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
@@ -40,161 +43,133 @@ const EcogestureList = ({
setAnchorEl(event.currentTarget)
}
- const closeMenu = (usage?: string) => {
- usage && setActiveFilter(usage)
+ const closeMenu = (usage?: Usage) => {
+ usage !== undefined && dispatch(updateEcogestureFilter(usage))
setAnchorEl(null)
}
- const filterEcogesture = (ecogestures: Ecogesture[]) => {
- const filtered = ecogestures
- .filter(ecogesture => Usage[ecogesture.usage] === activeFilter)
- .map(ecogesture => (
+ const renderEcogestureContent = () => {
+ const isAllUsage = ecogestureFilter === Usage.ALL
+ const filteredEcogestures = list.filter(ecogesture =>
+ isAllUsage ? true : ecogesture.usage === ecogestureFilter
+ )
+
+ if (filteredEcogestures.length > 0) {
+ return filteredEcogestures.map(ecogesture => (
<EcogestureCard
key={ecogesture.id}
ecogesture={ecogesture}
selectionCompleted={selectionViewed === selectionTotal}
/>
))
- if (filtered.length > 0) {
- return filtered
- } else {
- return (
- <div className="ec-filter-error">
- <div className="text-20-normal">
- {t('ecogesture.no_ecogesture_filter.text1')}
- </div>
- <div className="text-16-italic">
- {t('ecogesture.no_ecogesture_filter.text2')}
- </div>
- </div>
- )
}
- }
- const renderEcogestureContent = () => {
- if (list.length > 0) {
- if (activeFilter === Usage[Usage.ALL]) {
- return list.map(ecogesture => (
- <EcogestureCard
- key={ecogesture.id}
- ecogesture={ecogesture}
- selectionCompleted={selectionViewed === selectionTotal}
- />
- ))
- } else {
- return filterEcogesture(list)
- }
- } else if (!displaySelection) {
- return (
- <div className="ec-filter-error">
- <div className="text-20-normal">
- {t('ecogesture.no_ecogesture_filter.text1')}
- </div>
- <div className="text-16-italic">
- {t('ecogesture.no_ecogesture_filter.text2')}
- </div>
+ return (
+ <div className="ec-filter-error">
+ <div className="text-20-normal">
+ {t('ecogesture.no_ecogesture_filter.text1')}
</div>
- )
- }
+ <div className="text-16-italic">
+ {t('ecogesture.no_ecogesture_filter.text2')}
+ </div>
+ </div>
+ )
}
- return (
- <div className="ecogesture-root">
- <div className="efficiency-button-content">
- {displaySelection ? (
- <Grow in={displaySelection}>
- <div className="selection text-16-normal">
- <span>{t('ecogesture.selection')}</span>
- <span>
- {`(${selectionViewed} ${t(
- 'ecogesture.selection_2'
- )} ${selectionTotal})`}
- </span>
- <Button
- aria-label={t('ecogesture.accessibility.button_selection')}
- classes={{
- root: 'btn-highlight',
- label: 'text-16-bold',
- }}
- onClick={() => navigate('/ecogesture-selection')}
- >
- {t('ecogesture.button_selection')}
- </Button>
- </div>
- </Grow>
- ) : (
- <Grow in={!displaySelection}>
- <div className="filters text-16-normal">
- <div
- className="filter-button"
- onClick={() => toggleDropDown()}
- tabIndex={0}
- onBlur={e => {
- if (e.relatedTarget === null) toggleDropDown()
- }}
- >
- <Button
+ const selectFilters = () => (
+ <div className="filters text-16-normal">
+ <div
+ className="filter-button"
+ onClick={() => toggleDropDown()}
+ tabIndex={0}
+ onBlur={e => {
+ if (e.relatedTarget === null) toggleDropDown()
+ }}
+ >
+ <Button
+ classes={{
+ root: 'btn-secondary-negative',
+ label: 'text-14-normal',
+ }}
+ aria-controls="simple-menu"
+ aria-haspopup="true"
+ aria-label={t(`ecogesture.MENU_TITLE`)}
+ onClick={toggleMenu}
+ variant="contained"
+ >
+ <StyledIcon icon={SortIcon} size={20} />
+ <span className={openDropDown ? 'ecogestures opened' : 'ecogestures'}>
+ {ecogestureFilter === Usage.ALL
+ ? t(`ecogesture.MENU_TITLE`)
+ : t(`ecogesture.${Usage[ecogestureFilter]}`)}
+ </span>
+ </Button>
+ <Menu
+ anchorEl={anchorEl}
+ keepMounted
+ open={Boolean(anchorEl)}
+ onClose={() => closeMenu()}
+ PopoverClasses={{
+ paper: 'filter-menu',
+ }}
+ variant="menu"
+ MenuListProps={{ className: 'filter-menu-list' }}
+ >
+ {Object.values(Usage).map((usage, key) => {
+ const active = usage === ecogestureFilter
+ return (
+ typeof usage === 'number' && (
+ <MenuItem
classes={{
- root: 'btn-secondary-negative',
- label: 'text-14-normal',
- }}
- aria-controls="simple-menu"
- aria-haspopup="true"
- aria-label={t(`ecogesture.MENU_TITLE`)}
- onClick={toggleMenu}
- variant="contained"
- >
- <StyledIcon icon={SortIcon} size={20} />
- <span
- className={
- openDropDown ? 'ecogestures opened' : 'ecogestures'
- }
- >
- {activeFilter === 'ALL'
- ? t(`ecogesture.MENU_TITLE`)
- : t(`ecogesture.${activeFilter}`)}
- </span>
- </Button>
- <Menu
- anchorEl={anchorEl}
- keepMounted
- open={Boolean(anchorEl)}
- onClose={() => closeMenu()}
- PopoverClasses={{
- paper: 'filter-menu',
+ root: `${active ? 'item-active' : ''}`,
}}
- variant="menu"
- MenuListProps={{ className: 'filter-menu-list' }}
+ key={key}
+ selected={active}
+ onClick={() => closeMenu(usage)}
>
- {Object.values(Usage).map(
- (usage, key) =>
- typeof usage !== 'number' && (
- <MenuItem
- classes={{
- root: `${
- usage === activeFilter ? 'item-active' : ''
- }`,
- }}
- key={key}
- selected={usage === activeFilter}
- onClick={() => closeMenu(usage)}
- >
- {t(`ecogesture.${usage}`)}
- {usage === activeFilter && (
- <ListItemIcon
- classes={{ root: 'filter-menu-icon' }}
- >
- <StyledIcon icon={CheckIcon} size={13} />
- </ListItemIcon>
- )}
- </MenuItem>
- )
+ {t(`ecogesture.${Usage[usage]}`)}
+ {active && (
+ <ListItemIcon classes={{ root: 'filter-menu-icon' }}>
+ <StyledIcon icon={CheckIcon} size={13} />
+ </ListItemIcon>
)}
- </Menu>
- </div>
- </div>
- </Grow>
- )}
+ </MenuItem>
+ )
+ )
+ })}
+ </Menu>
+ </div>
+ </div>
+ )
+
+ const continueSelection = () => (
+ <Grow in={displaySelection}>
+ <div className="selection text-16-normal">
+ <span>{t('ecogesture.selection')}</span>
+ <span>
+ {`(${selectionViewed} ${t(
+ 'ecogesture.selection_2'
+ )} ${selectionTotal})`}
+ </span>
+ <Button
+ aria-label={t('ecogesture.accessibility.button_selection')}
+ classes={{
+ root: 'btn-highlight',
+ label: 'text-16-bold',
+ }}
+ onClick={() => navigate('/ecogesture-selection')}
+ >
+ {t('ecogesture.button_selection')}
+ </Button>
+ </div>
+ </Grow>
+ )
+
+ return (
+ <div className="ecogesture-root">
+ <div className="efficiency-button-content">
+ {selectFilters()}
+ {displaySelection && continueSelection()}
</div>
<div className="ecogesture-content">
diff --git a/src/components/Ecogesture/__snapshots__/EcogestureInitModal.spec.tsx.snap b/src/components/Ecogesture/__snapshots__/EcogestureInitModal.spec.tsx.snap
index eb5387015..17cb41133 100644
--- a/src/components/Ecogesture/__snapshots__/EcogestureInitModal.spec.tsx.snap
+++ b/src/components/Ecogesture/__snapshots__/EcogestureInitModal.spec.tsx.snap
@@ -455,7 +455,7 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<button
aria-label="ecogesture.initModal.btn1"
- class="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ class="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
tabindex="0"
type="button"
>
@@ -845,7 +845,6 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<WithStyles(ForwardRef(Button))
aria-label="ecogesture.initModal.btn1"
- className="btn1"
classes={
Object {
"label": "text-16-bold",
@@ -856,7 +855,6 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<ForwardRef(Button)
aria-label="ecogesture.initModal.btn1"
- className="btn1"
classes={
Object {
"colorInherit": "MuiButton-colorInherit",
@@ -894,7 +892,7 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<WithStyles(ForwardRef(ButtonBase))
aria-label="ecogesture.initModal.btn1"
- className="MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButton-root btn-secondary-negative MuiButton-text"
component="button"
disabled={false}
focusRipple={true}
@@ -904,7 +902,7 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<ForwardRef(ButtonBase)
aria-label="ecogesture.initModal.btn1"
- className="MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButton-root btn-secondary-negative MuiButton-text"
classes={
Object {
"disabled": "Mui-disabled",
@@ -921,7 +919,7 @@ exports[`EcogestureInitModal component should be rendered correctly 1`] = `
>
<button
aria-label="ecogesture.initModal.btn1"
- className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
disabled={false}
onBlur={[Function]}
onClick={[MockFunction]}
diff --git a/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap b/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
index 14cee0ae8..f1b198089 100644
--- a/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
+++ b/src/components/Ecogesture/__snapshots__/EcogestureList.spec.tsx.snap
@@ -1,244 +1,249 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`EcogesturesList component should be rendered correctly 1`] = `
-<BrowserRouter>
- <Router
- location={
- Object {
- "hash": "",
- "key": "default",
- "pathname": "/",
- "search": "",
- "state": null,
- }
+<Provider
+ store={
+ Object {
+ "clearActions": [Function],
+ "dispatch": [Function],
+ "getActions": [Function],
+ "getState": [Function],
+ "replaceReducer": [Function],
+ "subscribe": [Function],
}
- navigationType="POP"
- navigator={
- Object {
- "action": "POP",
- "createHref": [Function],
- "encodeLocation": [Function],
- "go": [Function],
- "listen": [Function],
- "location": Object {
+ }
+>
+ <BrowserRouter>
+ <Router
+ location={
+ Object {
"hash": "",
"key": "default",
"pathname": "/",
"search": "",
"state": null,
- },
- "push": [Function],
- "replace": [Function],
+ }
}
- }
- >
- <EcogestureList
- displaySelection={false}
- handleReinitClick={[MockFunction]}
- list={
- Array [
- Object {
- "_id": "ECOGESTURE001",
- "_rev": "1-67f1ea36efdd892c96bf64a8943154cd",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": false,
- "actionDuration": 3,
- "actionName": null,
- "difficulty": 1,
- "doing": false,
- "efficiency": 4,
- "equipment": false,
- "equipmentInstallation": true,
- "equipmentType": Array [],
- "fluidTypes": Array [
- 0,
- 2,
- ],
- "id": "ECOGESTURE001",
- "impactLevel": 8,
- "investment": null,
- "longDescription": "On se demande parfois si cela vaut le coup de \\"couper le chauffage\\" quand on s’absente… dès qu’il s’agit d’un week-end la réponse est « oui sûrement » ! Attention cependant au retour à ne pas faire de la surchauffe ! L’idéal est bien évidemment de régler sa programmation pour que le chauffage se relance quelques heures avant votre retour…",
- "longName": "Je baisse le chauffage en mode hors gel lorsque je m'absente plus de 2 jours.",
- "objective": false,
- "room": Array [
- 0,
- ],
- "season": "Hiver",
- "shortName": "Bonhomme de neige",
- "usage": 1,
- "viewedInSelection": false,
- },
- Object {
- "_id": "ECOGESTURE002",
- "_rev": "1-ef7ddd778254e3b7d331a88fd17f606d",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": false,
- "actionDuration": 3,
- "actionName": null,
- "difficulty": 1,
- "doing": false,
- "efficiency": 4,
- "equipment": true,
- "equipmentInstallation": true,
- "equipmentType": Array [
- "AIR_CONDITIONING",
- ],
- "fluidTypes": Array [
- 0,
- ],
- "id": "ECOGESTURE002",
- "impactLevel": 8,
- "investment": null,
- "longDescription": "Cela permet de garder la fraîcheur à l'intérieur. Le climatiseur n'est pas là pour refroidir la rue mais bien la pièce.",
- "longName": "Je ferme mes fenêtres quand la climatisation est en marche",
- "objective": false,
- "room": Array [
- 0,
- ],
- "season": "Eté",
- "shortName": "Coup de vent",
- "usage": 2,
- "viewedInSelection": false,
+ navigationType="POP"
+ navigator={
+ Object {
+ "action": "POP",
+ "createHref": [Function],
+ "encodeLocation": [Function],
+ "go": [Function],
+ "listen": [Function],
+ "location": Object {
+ "hash": "",
+ "key": "default",
+ "pathname": "/",
+ "search": "",
+ "state": null,
},
- Object {
- "_id": "ECOGESTURE0013",
- "_rev": "1-0b2761dd4aef79556c7aef144060fde6",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": true,
- "actionDuration": 3,
- "actionName": "J’utilise le cycle court à basse température pour laver le linge et la vaisselle.",
- "difficulty": 1,
- "doing": false,
- "efficiency": 1,
- "equipment": false,
- "equipmentInstallation": true,
- "equipmentType": Array [
- "WASHING_MACHINE",
- "DISHWASHER",
- ],
- "fluidTypes": Array [
- 1,
- ],
- "id": "ECOGESTURE0013",
- "impactLevel": 2,
- "investment": null,
- "longDescription": "Utilisez la température la plus basse possible : de nombreux produits nettoyants sont efficaces à froid et un cycle à 90 °C consomme 3 fois plus d'énergie qu'un lavage à 40 °C. En effet, 80 % de l'énergie consommée par un lave-linge ou un lave-vaisselle sert au chauffage de l'eau ! Que ce soit pour la vaisselle ou le linge, les programmes de lavage intensif consomment jusqu'à 40 % de plus. Si possible, rincez à l'eau froide : la température de rinçage n'a pas d'effet sur le nettoyage du linge ou de la vaisselle. Attention cependant avec les tissus qui peuvent rétrécir : ce qui fait rétrécir, c'est le passage d'une température à une autre. Mieux vaut alors faire le cycle complet à l'eau froide pour les premiers lavages de tissus sensibles. Pour du linge ou de la vaisselle peu sales, utilisez la touche \\"Eco\\". Elle réduit la température de lavage et allonge sa durée (c’est le chauffage de l’eau qui consomme le plus). Vous économiserez jusqu’à 45 % par rapport aux cycles longs. Néanmoins, pour vous prémunir contre les bouchons de graisse dans les canalisations, faites quand même un cycle à chaud une fois par mois environ.",
- "longName": "J’utilise le plus souvent les cycles courts à basse température pour laver le linge et la vaisselle.",
- "objective": false,
- "room": Array [
- 1,
- 3,
- 2,
- ],
- "season": "Sans saison",
- "shortName": "Accelerateur de particules",
- "usage": 5,
- "viewedInSelection": false,
- },
- ]
+ "push": [Function],
+ "replace": [Function],
+ }
}
- selectionTotal={0}
- selectionViewed={0}
>
- <div
- className="ecogesture-root"
+ <EcogestureList
+ displaySelection={false}
+ handleReinitClick={[MockFunction]}
+ list={
+ Array [
+ Object {
+ "_id": "ECOGESTURE001",
+ "_rev": "1-67f1ea36efdd892c96bf64a8943154cd",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": false,
+ "actionDuration": 3,
+ "actionName": null,
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 4,
+ "equipment": false,
+ "equipmentInstallation": true,
+ "equipmentType": Array [],
+ "fluidTypes": Array [
+ 0,
+ 2,
+ ],
+ "id": "ECOGESTURE001",
+ "impactLevel": 8,
+ "investment": null,
+ "longDescription": "On se demande parfois si cela vaut le coup de \\"couper le chauffage\\" quand on s’absente… dès qu’il s’agit d’un week-end la réponse est « oui sûrement » ! Attention cependant au retour à ne pas faire de la surchauffe ! L’idéal est bien évidemment de régler sa programmation pour que le chauffage se relance quelques heures avant votre retour…",
+ "longName": "Je baisse le chauffage en mode hors gel lorsque je m'absente plus de 2 jours.",
+ "objective": false,
+ "room": Array [
+ 0,
+ ],
+ "season": "Hiver",
+ "shortName": "Bonhomme de neige",
+ "usage": 1,
+ "viewedInSelection": false,
+ },
+ Object {
+ "_id": "ECOGESTURE002",
+ "_rev": "1-ef7ddd778254e3b7d331a88fd17f606d",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": false,
+ "actionDuration": 3,
+ "actionName": null,
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 4,
+ "equipment": true,
+ "equipmentInstallation": true,
+ "equipmentType": Array [
+ "AIR_CONDITIONING",
+ ],
+ "fluidTypes": Array [
+ 0,
+ ],
+ "id": "ECOGESTURE002",
+ "impactLevel": 8,
+ "investment": null,
+ "longDescription": "Cela permet de garder la fraîcheur à l'intérieur. Le climatiseur n'est pas là pour refroidir la rue mais bien la pièce.",
+ "longName": "Je ferme mes fenêtres quand la climatisation est en marche",
+ "objective": false,
+ "room": Array [
+ 0,
+ ],
+ "season": "Eté",
+ "shortName": "Coup de vent",
+ "usage": 2,
+ "viewedInSelection": false,
+ },
+ Object {
+ "_id": "ECOGESTURE0013",
+ "_rev": "1-0b2761dd4aef79556c7aef144060fde6",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": true,
+ "actionDuration": 3,
+ "actionName": "J’utilise le cycle court à basse température pour laver le linge et la vaisselle.",
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 1,
+ "equipment": false,
+ "equipmentInstallation": true,
+ "equipmentType": Array [
+ "WASHING_MACHINE",
+ "DISHWASHER",
+ ],
+ "fluidTypes": Array [
+ 1,
+ ],
+ "id": "ECOGESTURE0013",
+ "impactLevel": 2,
+ "investment": null,
+ "longDescription": "Utilisez la température la plus basse possible : de nombreux produits nettoyants sont efficaces à froid et un cycle à 90 °C consomme 3 fois plus d'énergie qu'un lavage à 40 °C. En effet, 80 % de l'énergie consommée par un lave-linge ou un lave-vaisselle sert au chauffage de l'eau ! Que ce soit pour la vaisselle ou le linge, les programmes de lavage intensif consomment jusqu'à 40 % de plus. Si possible, rincez à l'eau froide : la température de rinçage n'a pas d'effet sur le nettoyage du linge ou de la vaisselle. Attention cependant avec les tissus qui peuvent rétrécir : ce qui fait rétrécir, c'est le passage d'une température à une autre. Mieux vaut alors faire le cycle complet à l'eau froide pour les premiers lavages de tissus sensibles. Pour du linge ou de la vaisselle peu sales, utilisez la touche \\"Eco\\". Elle réduit la température de lavage et allonge sa durée (c’est le chauffage de l’eau qui consomme le plus). Vous économiserez jusqu’à 45 % par rapport aux cycles longs. Néanmoins, pour vous prémunir contre les bouchons de graisse dans les canalisations, faites quand même un cycle à chaud une fois par mois environ.",
+ "longName": "J’utilise le plus souvent les cycles courts à basse température pour laver le linge et la vaisselle.",
+ "objective": false,
+ "room": Array [
+ 1,
+ 3,
+ 2,
+ ],
+ "season": "Sans saison",
+ "shortName": "Accelerateur de particules",
+ "usage": 5,
+ "viewedInSelection": false,
+ },
+ ]
+ }
+ selectionTotal={0}
+ selectionViewed={0}
>
<div
- className="efficiency-button-content"
+ className="ecogesture-root"
>
- <ForwardRef(Grow)
- in={true}
+ <div
+ className="efficiency-button-content"
>
- <Transition
- addEndListener={[Function]}
- appear={true}
- enter={true}
- exit={true}
- in={true}
- mountOnEnter={false}
- onEnter={[Function]}
- onEntered={[Function]}
- onEntering={[Function]}
- onExit={[Function]}
- onExited={[Function]}
- onExiting={[Function]}
- timeout={null}
- unmountOnExit={false}
+ <div
+ className="filters text-16-normal"
>
<div
- className="filters text-16-normal"
- style={
- Object {
- "opacity": 1,
- "transform": "none",
- "visibility": undefined,
- }
- }
+ className="filter-button"
+ onBlur={[Function]}
+ onClick={[Function]}
+ tabIndex={0}
>
- <div
- className="filter-button"
- onBlur={[Function]}
+ <WithStyles(ForwardRef(Button))
+ aria-controls="simple-menu"
+ aria-haspopup="true"
+ aria-label="ecogesture.MENU_TITLE"
+ classes={
+ Object {
+ "label": "text-14-normal",
+ "root": "btn-secondary-negative",
+ }
+ }
onClick={[Function]}
- tabIndex={0}
+ variant="contained"
>
- <WithStyles(ForwardRef(Button))
+ <ForwardRef(Button)
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
classes={
Object {
- "label": "text-14-normal",
- "root": "btn-secondary-negative",
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-14-normal",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-secondary-negative",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
}
}
onClick={[Function]}
variant="contained"
>
- <ForwardRef(Button)
+ <WithStyles(ForwardRef(ButtonBase))
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
- classes={
- Object {
- "colorInherit": "MuiButton-colorInherit",
- "contained": "MuiButton-contained",
- "containedPrimary": "MuiButton-containedPrimary",
- "containedSecondary": "MuiButton-containedSecondary",
- "containedSizeLarge": "MuiButton-containedSizeLarge",
- "containedSizeSmall": "MuiButton-containedSizeSmall",
- "disableElevation": "MuiButton-disableElevation",
- "disabled": "Mui-disabled",
- "endIcon": "MuiButton-endIcon",
- "focusVisible": "Mui-focusVisible",
- "fullWidth": "MuiButton-fullWidth",
- "iconSizeLarge": "MuiButton-iconSizeLarge",
- "iconSizeMedium": "MuiButton-iconSizeMedium",
- "iconSizeSmall": "MuiButton-iconSizeSmall",
- "label": "MuiButton-label text-14-normal",
- "outlined": "MuiButton-outlined",
- "outlinedPrimary": "MuiButton-outlinedPrimary",
- "outlinedSecondary": "MuiButton-outlinedSecondary",
- "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
- "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
- "root": "MuiButton-root btn-secondary-negative",
- "sizeLarge": "MuiButton-sizeLarge",
- "sizeSmall": "MuiButton-sizeSmall",
- "startIcon": "MuiButton-startIcon",
- "text": "MuiButton-text",
- "textPrimary": "MuiButton-textPrimary",
- "textSecondary": "MuiButton-textSecondary",
- "textSizeLarge": "MuiButton-textSizeLarge",
- "textSizeSmall": "MuiButton-textSizeSmall",
- }
- }
+ className="MuiButton-root btn-secondary-negative MuiButton-contained"
+ component="button"
+ disabled={false}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
- variant="contained"
+ type="button"
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
className="MuiButton-root btn-secondary-negative MuiButton-contained"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="button"
disabled={false}
focusRipple={true}
@@ -246,120 +251,118 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
onClick={[Function]}
type="button"
>
- <ForwardRef(ButtonBase)
+ <button
aria-controls="simple-menu"
aria-haspopup="true"
aria-label="ecogesture.MENU_TITLE"
- className="MuiButton-root btn-secondary-negative MuiButton-contained"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="button"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-contained"
disabled={false}
- focusRipple={true}
- focusVisibleClassName="Mui-focusVisible"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
type="button"
>
- <button
- aria-controls="simple-menu"
- aria-haspopup="true"
- aria-label="ecogesture.MENU_TITLE"
- className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-contained"
- disabled={false}
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- tabIndex={0}
- type="button"
+ <span
+ className="MuiButton-label text-14-normal"
>
- <span
- className="MuiButton-label text-14-normal"
+ <StyledIcon
+ icon="test-file-stub"
+ size={20}
>
- <StyledIcon
+ <Icon
+ aria-hidden={true}
icon="test-file-stub"
size={20}
+ spin={false}
>
- <Icon
+ <Component
aria-hidden={true}
- icon="test-file-stub"
- size={20}
- spin={false}
+ className="styles__icon___23x3R"
+ height={20}
+ style={Object {}}
+ width={20}
>
- <Component
+ <svg
aria-hidden={true}
className="styles__icon___23x3R"
height={20}
style={Object {}}
width={20}
>
- <svg
- aria-hidden={true}
- className="styles__icon___23x3R"
- height={20}
- style={Object {}}
- width={20}
- >
- <use
- xlinkHref="#test-file-stub"
- />
- </svg>
- </Component>
- </Icon>
- </StyledIcon>
- <span
- className="ecogestures"
- >
- ecogesture.MENU_TITLE
- </span>
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </StyledIcon>
+ <span
+ className="ecogestures"
+ >
+ ecogesture.MENU_TITLE
</span>
- <WithStyles(memo)
+ </span>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </button>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(Button)>
- </WithStyles(ForwardRef(Button))>
- <WithStyles(ForwardRef(Menu))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ <WithStyles(ForwardRef(Menu))
+ MenuListProps={
+ Object {
+ "className": "filter-menu-list",
+ }
+ }
+ PopoverClasses={
+ Object {
+ "paper": "filter-menu",
+ }
+ }
+ anchorEl={null}
+ keepMounted={true}
+ onClose={[Function]}
+ open={false}
+ variant="menu"
+ >
+ <ForwardRef(Menu)
MenuListProps={
Object {
"className": "filter-menu-list",
@@ -371,35 +374,55 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
}
anchorEl={null}
+ classes={
+ Object {
+ "list": "MuiMenu-list",
+ "paper": "MuiMenu-paper",
+ }
+ }
keepMounted={true}
onClose={[Function]}
open={false}
variant="menu"
>
- <ForwardRef(Menu)
- MenuListProps={
+ <WithStyles(ForwardRef(Popover))
+ PaperProps={
Object {
- "className": "filter-menu-list",
+ "classes": Object {
+ "root": "MuiMenu-paper",
+ },
}
}
- PopoverClasses={
+ TransitionProps={
Object {
- "paper": "filter-menu",
+ "onEntering": [Function],
}
}
anchorEl={null}
+ anchorOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
classes={
Object {
- "list": "MuiMenu-list",
- "paper": "MuiMenu-paper",
+ "paper": "filter-menu",
}
}
+ getContentAnchorEl={[Function]}
keepMounted={true}
onClose={[Function]}
open={false}
- variant="menu"
+ transformOrigin={
+ Object {
+ "horizontal": "left",
+ "vertical": "top",
+ }
+ }
+ transitionDuration="auto"
>
- <WithStyles(ForwardRef(Popover))
+ <ForwardRef(Popover)
PaperProps={
Object {
"classes": Object {
@@ -421,7 +444,8 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
classes={
Object {
- "paper": "filter-menu",
+ "paper": "MuiPopover-paper filter-menu",
+ "root": "MuiPopover-root",
}
}
getContentAnchorEl={[Function]}
@@ -436,246 +460,252 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
transitionDuration="auto"
>
- <ForwardRef(Popover)
- PaperProps={
- Object {
- "classes": Object {
- "root": "MuiMenu-paper",
- },
- }
- }
- TransitionProps={
- Object {
- "onEntering": [Function],
- }
- }
- anchorEl={null}
- anchorOrigin={
- Object {
- "horizontal": "left",
- "vertical": "top",
- }
- }
- classes={
+ <ForwardRef(Modal)
+ BackdropProps={
Object {
- "paper": "MuiPopover-paper filter-menu",
- "root": "MuiPopover-root",
+ "invisible": true,
}
}
- getContentAnchorEl={[Function]}
+ className="MuiPopover-root"
keepMounted={true}
onClose={[Function]}
open={false}
- transformOrigin={
- Object {
- "horizontal": "left",
- "vertical": "top",
- }
- }
- transitionDuration="auto"
>
- <ForwardRef(Modal)
- BackdropProps={
- Object {
- "invisible": true,
- }
- }
- className="MuiPopover-root"
- keepMounted={true}
- onClose={[Function]}
- open={false}
+ <ForwardRef(Portal)
+ disablePortal={false}
>
- <ForwardRef(Portal)
- disablePortal={false}
- >
- <Portal
- containerInfo={
- <body>
+ <Portal
+ containerInfo={
+ <body>
+ <div
+ aria-hidden="true"
+ class="MuiPopover-root"
+ role="presentation"
+ style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px; visibility: hidden;"
+ >
+ <div
+ data-test="sentinelStart"
+ tabindex="0"
+ />
<div
- aria-hidden="true"
- class="MuiPopover-root"
- role="presentation"
- style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px; visibility: hidden;"
+ class="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
+ style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
+ tabindex="-1"
>
- <div
- data-test="sentinelStart"
- tabindex="0"
- />
- <div
- class="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
- style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
+ <ul
+ class="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
+ role="menu"
tabindex="-1"
>
- <ul
- class="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
- role="menu"
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ role="menuitem"
tabindex="-1"
>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
- role="menuitem"
- tabindex="-1"
+ ecogesture.ALL
+ <div
+ class="MuiListItemIcon-root filter-menu-icon"
>
- ecogesture.ALL
- <div
- class="MuiListItemIcon-root filter-menu-icon"
+ <svg
+ aria-hidden="true"
+ class="styles__icon___23x3R"
+ height="13"
+ width="13"
>
- <svg
- aria-hidden="true"
- class="styles__icon___23x3R"
- height="13"
- width="13"
- >
- <use
- xlink:href="#test-file-stub"
- />
- </svg>
- </div>
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.HEATING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.AIR_CONDITIONING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.ECS
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.COLD_WATER
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.ELECTRICITY_SPECIFIC
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- <li
- aria-disabled="false"
- class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- role="menuitem"
- tabindex="-1"
- >
- ecogesture.COOKING
- <span
- class="MuiTouchRipple-root"
- />
- </li>
- </ul>
- </div>
- <div
- data-test="sentinelEnd"
- tabindex="0"
- />
+ <use
+ xlink:href="#test-file-stub"
+ />
+ </svg>
+ </div>
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.HEATING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.AIR_CONDITIONING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.ECS
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.COLD_WATER
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.ELECTRICITY_SPECIFIC
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ <li
+ aria-disabled="false"
+ class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ role="menuitem"
+ tabindex="-1"
+ >
+ ecogesture.COOKING
+ <span
+ class="MuiTouchRipple-root"
+ />
+ </li>
+ </ul>
</div>
- </body>
+ <div
+ data-test="sentinelEnd"
+ tabindex="0"
+ />
+ </div>
+ </body>
+ }
+ >
+ <div
+ className="MuiPopover-root"
+ onKeyDown={[Function]}
+ role="presentation"
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "fixed",
+ "right": 0,
+ "top": 0,
+ "visibility": "hidden",
+ "zIndex": 1300,
+ }
}
>
- <div
- className="MuiPopover-root"
- onKeyDown={[Function]}
- role="presentation"
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "fixed",
- "right": 0,
- "top": 0,
- "visibility": "hidden",
- "zIndex": 1300,
- }
- }
+ <ForwardRef(SimpleBackdrop)
+ invisible={true}
+ onClick={[Function]}
+ open={false}
+ />
+ <Unstable_TrapFocus
+ disableAutoFocus={false}
+ disableEnforceFocus={false}
+ disableRestoreFocus={false}
+ getDoc={[Function]}
+ isEnabled={[Function]}
+ open={false}
>
- <ForwardRef(SimpleBackdrop)
- invisible={true}
- onClick={[Function]}
- open={false}
+ <div
+ data-test="sentinelStart"
+ tabIndex={0}
/>
- <Unstable_TrapFocus
- disableAutoFocus={false}
- disableEnforceFocus={false}
- disableRestoreFocus={false}
- getDoc={[Function]}
- isEnabled={[Function]}
- open={false}
+ <ForwardRef(Grow)
+ appear={true}
+ in={false}
+ onEnter={[Function]}
+ onEntering={[Function]}
+ onExited={[Function]}
+ tabIndex="-1"
+ timeout="auto"
>
- <div
- data-test="sentinelStart"
- tabIndex={0}
- />
- <ForwardRef(Grow)
+ <Transition
+ addEndListener={[Function]}
appear={true}
+ enter={true}
+ exit={true}
in={false}
+ mountOnEnter={false}
onEnter={[Function]}
+ onEntered={[Function]}
onEntering={[Function]}
+ onExit={[Function]}
onExited={[Function]}
+ onExiting={[Function]}
tabIndex="-1"
- timeout="auto"
+ timeout={null}
+ unmountOnExit={false}
>
- <Transition
- addEndListener={[Function]}
- appear={true}
- enter={true}
- exit={true}
- in={false}
- mountOnEnter={false}
- onEnter={[Function]}
- onEntered={[Function]}
- onEntering={[Function]}
- onExit={[Function]}
- onExited={[Function]}
- onExiting={[Function]}
+ <WithStyles(ForwardRef(Paper))
+ className="MuiPopover-paper filter-menu"
+ classes={
+ Object {
+ "root": "MuiMenu-paper",
+ }
+ }
+ elevation={8}
+ style={
+ Object {
+ "opacity": 0,
+ "transform": "scale(0.75, 0.5625)",
+ "visibility": "hidden",
+ }
+ }
tabIndex="-1"
- timeout={null}
- unmountOnExit={false}
>
- <WithStyles(ForwardRef(Paper))
+ <ForwardRef(Paper)
className="MuiPopover-paper filter-menu"
classes={
Object {
- "root": "MuiMenu-paper",
+ "elevation0": "MuiPaper-elevation0",
+ "elevation1": "MuiPaper-elevation1",
+ "elevation10": "MuiPaper-elevation10",
+ "elevation11": "MuiPaper-elevation11",
+ "elevation12": "MuiPaper-elevation12",
+ "elevation13": "MuiPaper-elevation13",
+ "elevation14": "MuiPaper-elevation14",
+ "elevation15": "MuiPaper-elevation15",
+ "elevation16": "MuiPaper-elevation16",
+ "elevation17": "MuiPaper-elevation17",
+ "elevation18": "MuiPaper-elevation18",
+ "elevation19": "MuiPaper-elevation19",
+ "elevation2": "MuiPaper-elevation2",
+ "elevation20": "MuiPaper-elevation20",
+ "elevation21": "MuiPaper-elevation21",
+ "elevation22": "MuiPaper-elevation22",
+ "elevation23": "MuiPaper-elevation23",
+ "elevation24": "MuiPaper-elevation24",
+ "elevation3": "MuiPaper-elevation3",
+ "elevation4": "MuiPaper-elevation4",
+ "elevation5": "MuiPaper-elevation5",
+ "elevation6": "MuiPaper-elevation6",
+ "elevation7": "MuiPaper-elevation7",
+ "elevation8": "MuiPaper-elevation8",
+ "elevation9": "MuiPaper-elevation9",
+ "outlined": "MuiPaper-outlined",
+ "root": "MuiPaper-root MuiMenu-paper",
+ "rounded": "MuiPaper-rounded",
}
}
elevation={8}
@@ -688,41 +718,8 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
tabIndex="-1"
>
- <ForwardRef(Paper)
- className="MuiPopover-paper filter-menu"
- classes={
- Object {
- "elevation0": "MuiPaper-elevation0",
- "elevation1": "MuiPaper-elevation1",
- "elevation10": "MuiPaper-elevation10",
- "elevation11": "MuiPaper-elevation11",
- "elevation12": "MuiPaper-elevation12",
- "elevation13": "MuiPaper-elevation13",
- "elevation14": "MuiPaper-elevation14",
- "elevation15": "MuiPaper-elevation15",
- "elevation16": "MuiPaper-elevation16",
- "elevation17": "MuiPaper-elevation17",
- "elevation18": "MuiPaper-elevation18",
- "elevation19": "MuiPaper-elevation19",
- "elevation2": "MuiPaper-elevation2",
- "elevation20": "MuiPaper-elevation20",
- "elevation21": "MuiPaper-elevation21",
- "elevation22": "MuiPaper-elevation22",
- "elevation23": "MuiPaper-elevation23",
- "elevation24": "MuiPaper-elevation24",
- "elevation3": "MuiPaper-elevation3",
- "elevation4": "MuiPaper-elevation4",
- "elevation5": "MuiPaper-elevation5",
- "elevation6": "MuiPaper-elevation6",
- "elevation7": "MuiPaper-elevation7",
- "elevation8": "MuiPaper-elevation8",
- "elevation9": "MuiPaper-elevation9",
- "outlined": "MuiPaper-outlined",
- "root": "MuiPaper-root MuiMenu-paper",
- "rounded": "MuiPaper-rounded",
- }
- }
- elevation={8}
+ <div
+ className="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
style={
Object {
"opacity": 0,
@@ -732,85 +729,99 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
}
tabIndex="-1"
>
- <div
- className="MuiPaper-root MuiMenu-paper MuiPopover-paper filter-menu MuiPaper-elevation8 MuiPaper-rounded"
- style={
+ <ForwardRef(MenuList)
+ actions={
Object {
- "opacity": 0,
- "transform": "scale(0.75, 0.5625)",
- "visibility": "hidden",
+ "current": Object {
+ "adjustStyleForScrollbar": [Function],
+ },
}
}
- tabIndex="-1"
+ autoFocus={false}
+ autoFocusItem={false}
+ className="MuiMenu-list filter-menu-list"
+ onKeyDown={[Function]}
+ variant="menu"
>
- <ForwardRef(MenuList)
- actions={
- Object {
- "current": Object {
- "adjustStyleForScrollbar": [Function],
- },
- }
- }
- autoFocus={false}
- autoFocusItem={false}
+ <WithStyles(ForwardRef(List))
className="MuiMenu-list filter-menu-list"
onKeyDown={[Function]}
- variant="menu"
+ role="menu"
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(List))
+ <ForwardRef(List)
className="MuiMenu-list filter-menu-list"
+ classes={
+ Object {
+ "dense": "MuiList-dense",
+ "padding": "MuiList-padding",
+ "root": "MuiList-root",
+ "subheader": "MuiList-subheader",
+ }
+ }
onKeyDown={[Function]}
role="menu"
tabIndex={-1}
>
- <ForwardRef(List)
- className="MuiMenu-list filter-menu-list"
- classes={
- Object {
- "dense": "MuiList-dense",
- "padding": "MuiList-padding",
- "root": "MuiList-root",
- "subheader": "MuiList-subheader",
- }
- }
+ <ul
+ className="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
onKeyDown={[Function]}
role="menu"
tabIndex={-1}
>
- <ul
- className="MuiList-root MuiMenu-list filter-menu-list MuiList-padding"
- onKeyDown={[Function]}
- role="menu"
- tabIndex={-1}
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "item-active",
+ }
+ }
+ key=".$.$7"
+ onClick={[Function]}
+ selected={true}
>
- <WithStyles(ForwardRef(MenuItem))
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "item-active",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root item-active",
+ "selected": "Mui-selected",
}
}
- key=".$.$0"
onClick={[Function]}
selected={true}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root item-active",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={true}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -820,33 +831,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={true}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={true}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -854,157 +856,166 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root item-active Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.ALL
+ <WithStyles(ForwardRef(ListItemIcon))
+ classes={
+ Object {
+ "root": "filter-menu-icon",
+ }
+ }
+ key=".1"
>
- ecogesture.ALL
- <WithStyles(ForwardRef(ListItemIcon))
+ <ForwardRef(ListItemIcon)
classes={
Object {
- "root": "filter-menu-icon",
+ "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
+ "root": "MuiListItemIcon-root filter-menu-icon",
}
}
- key=".1"
>
- <ForwardRef(ListItemIcon)
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItemIcon-alignItemsFlexStart",
- "root": "MuiListItemIcon-root filter-menu-icon",
- }
- }
+ <div
+ className="MuiListItemIcon-root filter-menu-icon"
>
- <div
- className="MuiListItemIcon-root filter-menu-icon"
+ <StyledIcon
+ icon="test-file-stub"
+ size={13}
>
- <StyledIcon
+ <Icon
+ aria-hidden={true}
icon="test-file-stub"
size={13}
+ spin={false}
>
- <Icon
+ <Component
aria-hidden={true}
- icon="test-file-stub"
- size={13}
- spin={false}
+ className="styles__icon___23x3R"
+ height={13}
+ style={Object {}}
+ width={13}
>
- <Component
+ <svg
aria-hidden={true}
className="styles__icon___23x3R"
height={13}
style={Object {}}
width={13}
>
- <svg
- aria-hidden={true}
- className="styles__icon___23x3R"
- height={13}
- style={Object {}}
- width={13}
- >
- <use
- xlinkHref="#test-file-stub"
- />
- </svg>
- </Component>
- </Icon>
- </StyledIcon>
- </div>
- </ForwardRef(ListItemIcon)>
- </WithStyles(ForwardRef(ListItemIcon))>
- <WithStyles(memo)
+ <use
+ xlinkHref="#test-file-stub"
+ />
+ </svg>
+ </Component>
+ </Icon>
+ </StyledIcon>
+ </div>
+ </ForwardRef(ListItemIcon)>
+ </WithStyles(ForwardRef(ListItemIcon))>
+ <WithStyles(memo)
+ center={false}
+ >
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$8"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$1"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1014,33 +1025,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1048,104 +1050,113 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.HEATING
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.HEATING
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$9"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$2"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1155,33 +1166,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1189,104 +1191,113 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.AIR_CONDITIONING
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.AIR_CONDITIONING
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$10"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$3"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1296,33 +1307,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1330,104 +1332,113 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.ECS
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.ECS
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$11"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$4"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1437,33 +1448,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1471,104 +1473,113 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.COLD_WATER
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.COLD_WATER
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$12"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$5"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1578,33 +1589,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1612,104 +1614,113 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.ELECTRICITY_SPECIFIC
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.ELECTRICITY_SPECIFIC
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- <WithStyles(ForwardRef(MenuItem))
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ <WithStyles(ForwardRef(MenuItem))
+ classes={
+ Object {
+ "root": "",
+ }
+ }
+ key=".$.$13"
+ onClick={[Function]}
+ selected={false}
+ >
+ <ForwardRef(MenuItem)
classes={
Object {
- "root": "",
+ "dense": "MuiMenuItem-dense",
+ "gutters": "MuiMenuItem-gutters",
+ "root": "MuiMenuItem-root",
+ "selected": "Mui-selected",
}
}
- key=".$.$6"
onClick={[Function]}
selected={false}
>
- <ForwardRef(MenuItem)
+ <WithStyles(ForwardRef(ListItem))
+ button={true}
+ className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
"dense": "MuiMenuItem-dense",
- "gutters": "MuiMenuItem-gutters",
- "root": "MuiMenuItem-root",
- "selected": "Mui-selected",
}
}
+ component="li"
+ disableGutters={false}
onClick={[Function]}
+ role="menuitem"
selected={false}
+ tabIndex={-1}
>
- <WithStyles(ForwardRef(ListItem))
+ <ForwardRef(ListItem)
button={true}
className="MuiMenuItem-root MuiMenuItem-gutters"
classes={
Object {
- "dense": "MuiMenuItem-dense",
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
+ "button": "MuiListItem-button",
+ "container": "MuiListItem-container",
+ "dense": "MuiListItem-dense MuiMenuItem-dense",
+ "disabled": "Mui-disabled",
+ "divider": "MuiListItem-divider",
+ "focusVisible": "Mui-focusVisible",
+ "gutters": "MuiListItem-gutters",
+ "root": "MuiListItem-root",
+ "secondaryAction": "MuiListItem-secondaryAction",
+ "selected": "Mui-selected",
}
}
component="li"
@@ -1719,33 +1730,24 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
selected={false}
tabIndex={-1}
>
- <ForwardRef(ListItem)
- button={true}
- className="MuiMenuItem-root MuiMenuItem-gutters"
- classes={
- Object {
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart",
- "button": "MuiListItem-button",
- "container": "MuiListItem-container",
- "dense": "MuiListItem-dense MuiMenuItem-dense",
- "disabled": "Mui-disabled",
- "divider": "MuiListItem-divider",
- "focusVisible": "Mui-focusVisible",
- "gutters": "MuiListItem-gutters",
- "root": "MuiListItem-root",
- "secondaryAction": "MuiListItem-secondaryAction",
- "selected": "Mui-selected",
- }
- }
+ <WithStyles(ForwardRef(ButtonBase))
+ className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
component="li"
- disableGutters={false}
+ disabled={false}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[Function]}
role="menuitem"
- selected={false}
tabIndex={-1}
>
- <WithStyles(ForwardRef(ButtonBase))
+ <ForwardRef(ButtonBase)
className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
component="li"
disabled={false}
focusVisibleClassName="Mui-focusVisible"
@@ -1753,285 +1755,251 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
role="menuitem"
tabIndex={-1}
>
- <ForwardRef(ButtonBase)
- className="MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
- component="li"
- disabled={false}
- focusVisibleClassName="Mui-focusVisible"
+ <li
+ aria-disabled={false}
+ className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
+ onBlur={[Function]}
onClick={[Function]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
role="menuitem"
tabIndex={-1}
>
- <li
- aria-disabled={false}
- className="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
- onBlur={[Function]}
- onClick={[Function]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- role="menuitem"
- tabIndex={-1}
+ ecogesture.COOKING
+ <WithStyles(memo)
+ center={false}
>
- ecogesture.COOKING
- <WithStyles(memo)
+ <ForwardRef(TouchRipple)
center={false}
- >
- <ForwardRef(TouchRipple)
- center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
}
+ }
+ >
+ <span
+ className="MuiTouchRipple-root"
>
- <span
- className="MuiTouchRipple-root"
- >
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </li>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(ListItem)>
- </WithStyles(ForwardRef(ListItem))>
- </ForwardRef(MenuItem)>
- </WithStyles(ForwardRef(MenuItem))>
- </ul>
- </ForwardRef(List)>
- </WithStyles(ForwardRef(List))>
- </ForwardRef(MenuList)>
- </div>
- </ForwardRef(Paper)>
- </WithStyles(ForwardRef(Paper))>
- </Transition>
- </ForwardRef(Grow)>
- <div
- data-test="sentinelEnd"
- tabIndex={0}
- />
- </Unstable_TrapFocus>
- </div>
- </Portal>
- </ForwardRef(Portal)>
- </ForwardRef(Modal)>
- </ForwardRef(Popover)>
- </WithStyles(ForwardRef(Popover))>
- </ForwardRef(Menu)>
- </WithStyles(ForwardRef(Menu))>
- </div>
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </li>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(ListItem)>
+ </WithStyles(ForwardRef(ListItem))>
+ </ForwardRef(MenuItem)>
+ </WithStyles(ForwardRef(MenuItem))>
+ </ul>
+ </ForwardRef(List)>
+ </WithStyles(ForwardRef(List))>
+ </ForwardRef(MenuList)>
+ </div>
+ </ForwardRef(Paper)>
+ </WithStyles(ForwardRef(Paper))>
+ </Transition>
+ </ForwardRef(Grow)>
+ <div
+ data-test="sentinelEnd"
+ tabIndex={0}
+ />
+ </Unstable_TrapFocus>
+ </div>
+ </Portal>
+ </ForwardRef(Portal)>
+ </ForwardRef(Modal)>
+ </ForwardRef(Popover)>
+ </WithStyles(ForwardRef(Popover))>
+ </ForwardRef(Menu)>
+ </WithStyles(ForwardRef(Menu))>
</div>
- </Transition>
- </ForwardRef(Grow)>
- </div>
- <div
- className="ecogesture-content"
- >
- <mock-ecogesturecard
- ecogesture={
- Object {
- "_id": "ECOGESTURE001",
- "_rev": "1-67f1ea36efdd892c96bf64a8943154cd",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": false,
- "actionDuration": 3,
- "actionName": null,
- "difficulty": 1,
- "doing": false,
- "efficiency": 4,
- "equipment": false,
- "equipmentInstallation": true,
- "equipmentType": Array [],
- "fluidTypes": Array [
- 0,
- 2,
- ],
- "id": "ECOGESTURE001",
- "impactLevel": 8,
- "investment": null,
- "longDescription": "On se demande parfois si cela vaut le coup de \\"couper le chauffage\\" quand on s’absente… dès qu’il s’agit d’un week-end la réponse est « oui sûrement » ! Attention cependant au retour à ne pas faire de la surchauffe ! L’idéal est bien évidemment de régler sa programmation pour que le chauffage se relance quelques heures avant votre retour…",
- "longName": "Je baisse le chauffage en mode hors gel lorsque je m'absente plus de 2 jours.",
- "objective": false,
- "room": Array [
- 0,
- ],
- "season": "Hiver",
- "shortName": "Bonhomme de neige",
- "usage": 1,
- "viewedInSelection": false,
- }
- }
- key="ECOGESTURE001"
- selectionCompleted={true}
- />
- <mock-ecogesturecard
- ecogesture={
- Object {
- "_id": "ECOGESTURE002",
- "_rev": "1-ef7ddd778254e3b7d331a88fd17f606d",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": false,
- "actionDuration": 3,
- "actionName": null,
- "difficulty": 1,
- "doing": false,
- "efficiency": 4,
- "equipment": true,
- "equipmentInstallation": true,
- "equipmentType": Array [
- "AIR_CONDITIONING",
- ],
- "fluidTypes": Array [
- 0,
- ],
- "id": "ECOGESTURE002",
- "impactLevel": 8,
- "investment": null,
- "longDescription": "Cela permet de garder la fraîcheur à l'intérieur. Le climatiseur n'est pas là pour refroidir la rue mais bien la pièce.",
- "longName": "Je ferme mes fenêtres quand la climatisation est en marche",
- "objective": false,
- "room": Array [
- 0,
- ],
- "season": "Eté",
- "shortName": "Coup de vent",
- "usage": 2,
- "viewedInSelection": false,
+ </div>
+ </div>
+ <div
+ className="ecogesture-content"
+ >
+ <mock-ecogesturecard
+ ecogesture={
+ Object {
+ "_id": "ECOGESTURE001",
+ "_rev": "1-67f1ea36efdd892c96bf64a8943154cd",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": false,
+ "actionDuration": 3,
+ "actionName": null,
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 4,
+ "equipment": false,
+ "equipmentInstallation": true,
+ "equipmentType": Array [],
+ "fluidTypes": Array [
+ 0,
+ 2,
+ ],
+ "id": "ECOGESTURE001",
+ "impactLevel": 8,
+ "investment": null,
+ "longDescription": "On se demande parfois si cela vaut le coup de \\"couper le chauffage\\" quand on s’absente… dès qu’il s’agit d’un week-end la réponse est « oui sûrement » ! Attention cependant au retour à ne pas faire de la surchauffe ! L’idéal est bien évidemment de régler sa programmation pour que le chauffage se relance quelques heures avant votre retour…",
+ "longName": "Je baisse le chauffage en mode hors gel lorsque je m'absente plus de 2 jours.",
+ "objective": false,
+ "room": Array [
+ 0,
+ ],
+ "season": "Hiver",
+ "shortName": "Bonhomme de neige",
+ "usage": 1,
+ "viewedInSelection": false,
+ }
}
- }
- key="ECOGESTURE002"
- selectionCompleted={true}
- />
- <mock-ecogesturecard
- ecogesture={
- Object {
- "_id": "ECOGESTURE0013",
- "_rev": "1-0b2761dd4aef79556c7aef144060fde6",
- "_type": "com.grandlyon.ecolyo.ecogesture",
- "action": true,
- "actionDuration": 3,
- "actionName": "J’utilise le cycle court à basse température pour laver le linge et la vaisselle.",
- "difficulty": 1,
- "doing": false,
- "efficiency": 1,
- "equipment": false,
- "equipmentInstallation": true,
- "equipmentType": Array [
- "WASHING_MACHINE",
- "DISHWASHER",
- ],
- "fluidTypes": Array [
- 1,
- ],
- "id": "ECOGESTURE0013",
- "impactLevel": 2,
- "investment": null,
- "longDescription": "Utilisez la température la plus basse possible : de nombreux produits nettoyants sont efficaces à froid et un cycle à 90 °C consomme 3 fois plus d'énergie qu'un lavage à 40 °C. En effet, 80 % de l'énergie consommée par un lave-linge ou un lave-vaisselle sert au chauffage de l'eau ! Que ce soit pour la vaisselle ou le linge, les programmes de lavage intensif consomment jusqu'à 40 % de plus. Si possible, rincez à l'eau froide : la température de rinçage n'a pas d'effet sur le nettoyage du linge ou de la vaisselle. Attention cependant avec les tissus qui peuvent rétrécir : ce qui fait rétrécir, c'est le passage d'une température à une autre. Mieux vaut alors faire le cycle complet à l'eau froide pour les premiers lavages de tissus sensibles. Pour du linge ou de la vaisselle peu sales, utilisez la touche \\"Eco\\". Elle réduit la température de lavage et allonge sa durée (c’est le chauffage de l’eau qui consomme le plus). Vous économiserez jusqu’à 45 % par rapport aux cycles longs. Néanmoins, pour vous prémunir contre les bouchons de graisse dans les canalisations, faites quand même un cycle à chaud une fois par mois environ.",
- "longName": "J’utilise le plus souvent les cycles courts à basse température pour laver le linge et la vaisselle.",
- "objective": false,
- "room": Array [
- 1,
- 3,
- 2,
- ],
- "season": "Sans saison",
- "shortName": "Accelerateur de particules",
- "usage": 5,
- "viewedInSelection": false,
+ key="ECOGESTURE001"
+ selectionCompleted={true}
+ />
+ <mock-ecogesturecard
+ ecogesture={
+ Object {
+ "_id": "ECOGESTURE002",
+ "_rev": "1-ef7ddd778254e3b7d331a88fd17f606d",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": false,
+ "actionDuration": 3,
+ "actionName": null,
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 4,
+ "equipment": true,
+ "equipmentInstallation": true,
+ "equipmentType": Array [
+ "AIR_CONDITIONING",
+ ],
+ "fluidTypes": Array [
+ 0,
+ ],
+ "id": "ECOGESTURE002",
+ "impactLevel": 8,
+ "investment": null,
+ "longDescription": "Cela permet de garder la fraîcheur à l'intérieur. Le climatiseur n'est pas là pour refroidir la rue mais bien la pièce.",
+ "longName": "Je ferme mes fenêtres quand la climatisation est en marche",
+ "objective": false,
+ "room": Array [
+ 0,
+ ],
+ "season": "Eté",
+ "shortName": "Coup de vent",
+ "usage": 2,
+ "viewedInSelection": false,
+ }
}
- }
- key="ECOGESTURE0013"
- selectionCompleted={true}
- />
- <WithStyles(ForwardRef(Button))
- classes={
- Object {
- "label": "text-16-normal",
- "root": "btn-secondary-negative",
+ key="ECOGESTURE002"
+ selectionCompleted={true}
+ />
+ <mock-ecogesturecard
+ ecogesture={
+ Object {
+ "_id": "ECOGESTURE0013",
+ "_rev": "1-0b2761dd4aef79556c7aef144060fde6",
+ "_type": "com.grandlyon.ecolyo.ecogesture",
+ "action": true,
+ "actionDuration": 3,
+ "actionName": "J’utilise le cycle court à basse température pour laver le linge et la vaisselle.",
+ "difficulty": 1,
+ "doing": false,
+ "efficiency": 1,
+ "equipment": false,
+ "equipmentInstallation": true,
+ "equipmentType": Array [
+ "WASHING_MACHINE",
+ "DISHWASHER",
+ ],
+ "fluidTypes": Array [
+ 1,
+ ],
+ "id": "ECOGESTURE0013",
+ "impactLevel": 2,
+ "investment": null,
+ "longDescription": "Utilisez la température la plus basse possible : de nombreux produits nettoyants sont efficaces à froid et un cycle à 90 °C consomme 3 fois plus d'énergie qu'un lavage à 40 °C. En effet, 80 % de l'énergie consommée par un lave-linge ou un lave-vaisselle sert au chauffage de l'eau ! Que ce soit pour la vaisselle ou le linge, les programmes de lavage intensif consomment jusqu'à 40 % de plus. Si possible, rincez à l'eau froide : la température de rinçage n'a pas d'effet sur le nettoyage du linge ou de la vaisselle. Attention cependant avec les tissus qui peuvent rétrécir : ce qui fait rétrécir, c'est le passage d'une température à une autre. Mieux vaut alors faire le cycle complet à l'eau froide pour les premiers lavages de tissus sensibles. Pour du linge ou de la vaisselle peu sales, utilisez la touche \\"Eco\\". Elle réduit la température de lavage et allonge sa durée (c’est le chauffage de l’eau qui consomme le plus). Vous économiserez jusqu’à 45 % par rapport aux cycles longs. Néanmoins, pour vous prémunir contre les bouchons de graisse dans les canalisations, faites quand même un cycle à chaud une fois par mois environ.",
+ "longName": "J’utilise le plus souvent les cycles courts à basse température pour laver le linge et la vaisselle.",
+ "objective": false,
+ "room": Array [
+ 1,
+ 3,
+ 2,
+ ],
+ "season": "Sans saison",
+ "shortName": "Accelerateur de particules",
+ "usage": 5,
+ "viewedInSelection": false,
+ }
}
- }
- onClick={[MockFunction]}
- >
- <ForwardRef(Button)
+ key="ECOGESTURE0013"
+ selectionCompleted={true}
+ />
+ <WithStyles(ForwardRef(Button))
classes={
Object {
- "colorInherit": "MuiButton-colorInherit",
- "contained": "MuiButton-contained",
- "containedPrimary": "MuiButton-containedPrimary",
- "containedSecondary": "MuiButton-containedSecondary",
- "containedSizeLarge": "MuiButton-containedSizeLarge",
- "containedSizeSmall": "MuiButton-containedSizeSmall",
- "disableElevation": "MuiButton-disableElevation",
- "disabled": "Mui-disabled",
- "endIcon": "MuiButton-endIcon",
- "focusVisible": "Mui-focusVisible",
- "fullWidth": "MuiButton-fullWidth",
- "iconSizeLarge": "MuiButton-iconSizeLarge",
- "iconSizeMedium": "MuiButton-iconSizeMedium",
- "iconSizeSmall": "MuiButton-iconSizeSmall",
- "label": "MuiButton-label text-16-normal",
- "outlined": "MuiButton-outlined",
- "outlinedPrimary": "MuiButton-outlinedPrimary",
- "outlinedSecondary": "MuiButton-outlinedSecondary",
- "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
- "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
- "root": "MuiButton-root btn-secondary-negative",
- "sizeLarge": "MuiButton-sizeLarge",
- "sizeSmall": "MuiButton-sizeSmall",
- "startIcon": "MuiButton-startIcon",
- "text": "MuiButton-text",
- "textPrimary": "MuiButton-textPrimary",
- "textSecondary": "MuiButton-textSecondary",
- "textSizeLarge": "MuiButton-textSizeLarge",
- "textSizeSmall": "MuiButton-textSizeSmall",
+ "label": "text-16-normal",
+ "root": "btn-secondary-negative",
}
}
onClick={[MockFunction]}
>
- <WithStyles(ForwardRef(ButtonBase))
- className="MuiButton-root btn-secondary-negative MuiButton-text"
- component="button"
- disabled={false}
- focusRipple={true}
- focusVisibleClassName="Mui-focusVisible"
+ <ForwardRef(Button)
+ classes={
+ Object {
+ "colorInherit": "MuiButton-colorInherit",
+ "contained": "MuiButton-contained",
+ "containedPrimary": "MuiButton-containedPrimary",
+ "containedSecondary": "MuiButton-containedSecondary",
+ "containedSizeLarge": "MuiButton-containedSizeLarge",
+ "containedSizeSmall": "MuiButton-containedSizeSmall",
+ "disableElevation": "MuiButton-disableElevation",
+ "disabled": "Mui-disabled",
+ "endIcon": "MuiButton-endIcon",
+ "focusVisible": "Mui-focusVisible",
+ "fullWidth": "MuiButton-fullWidth",
+ "iconSizeLarge": "MuiButton-iconSizeLarge",
+ "iconSizeMedium": "MuiButton-iconSizeMedium",
+ "iconSizeSmall": "MuiButton-iconSizeSmall",
+ "label": "MuiButton-label text-16-normal",
+ "outlined": "MuiButton-outlined",
+ "outlinedPrimary": "MuiButton-outlinedPrimary",
+ "outlinedSecondary": "MuiButton-outlinedSecondary",
+ "outlinedSizeLarge": "MuiButton-outlinedSizeLarge",
+ "outlinedSizeSmall": "MuiButton-outlinedSizeSmall",
+ "root": "MuiButton-root btn-secondary-negative",
+ "sizeLarge": "MuiButton-sizeLarge",
+ "sizeSmall": "MuiButton-sizeSmall",
+ "startIcon": "MuiButton-startIcon",
+ "text": "MuiButton-text",
+ "textPrimary": "MuiButton-textPrimary",
+ "textSecondary": "MuiButton-textSecondary",
+ "textSizeLarge": "MuiButton-textSizeLarge",
+ "textSizeSmall": "MuiButton-textSizeSmall",
+ }
+ }
onClick={[MockFunction]}
- type="button"
>
- <ForwardRef(ButtonBase)
+ <WithStyles(ForwardRef(ButtonBase))
className="MuiButton-root btn-secondary-negative MuiButton-text"
- classes={
- Object {
- "disabled": "Mui-disabled",
- "focusVisible": "Mui-focusVisible",
- "root": "MuiButtonBase-root",
- }
- }
component="button"
disabled={false}
focusRipple={true}
@@ -2039,65 +2007,82 @@ exports[`EcogesturesList component should be rendered correctly 1`] = `
onClick={[MockFunction]}
type="button"
>
- <button
- className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
+ <ForwardRef(ButtonBase)
+ className="MuiButton-root btn-secondary-negative MuiButton-text"
+ classes={
+ Object {
+ "disabled": "Mui-disabled",
+ "focusVisible": "Mui-focusVisible",
+ "root": "MuiButtonBase-root",
+ }
+ }
+ component="button"
disabled={false}
- onBlur={[Function]}
+ focusRipple={true}
+ focusVisibleClassName="Mui-focusVisible"
onClick={[MockFunction]}
- onDragLeave={[Function]}
- onFocus={[Function]}
- onKeyDown={[Function]}
- onKeyUp={[Function]}
- onMouseDown={[Function]}
- onMouseLeave={[Function]}
- onMouseUp={[Function]}
- onTouchEnd={[Function]}
- onTouchMove={[Function]}
- onTouchStart={[Function]}
- tabIndex={0}
type="button"
>
- <span
- className="MuiButton-label text-16-normal"
- >
- ecogesture.reinit
- </span>
- <WithStyles(memo)
- center={false}
+ <button
+ className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
+ disabled={false}
+ onBlur={[Function]}
+ onClick={[MockFunction]}
+ onDragLeave={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ onKeyUp={[Function]}
+ onMouseDown={[Function]}
+ onMouseLeave={[Function]}
+ onMouseUp={[Function]}
+ onTouchEnd={[Function]}
+ onTouchMove={[Function]}
+ onTouchStart={[Function]}
+ tabIndex={0}
+ type="button"
>
- <ForwardRef(TouchRipple)
+ <span
+ className="MuiButton-label text-16-normal"
+ >
+ ecogesture.reinit
+ </span>
+ <WithStyles(memo)
center={false}
- classes={
- Object {
- "child": "MuiTouchRipple-child",
- "childLeaving": "MuiTouchRipple-childLeaving",
- "childPulsate": "MuiTouchRipple-childPulsate",
- "ripple": "MuiTouchRipple-ripple",
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
- "rippleVisible": "MuiTouchRipple-rippleVisible",
- "root": "MuiTouchRipple-root",
- }
- }
>
- <span
- className="MuiTouchRipple-root"
+ <ForwardRef(TouchRipple)
+ center={false}
+ classes={
+ Object {
+ "child": "MuiTouchRipple-child",
+ "childLeaving": "MuiTouchRipple-childLeaving",
+ "childPulsate": "MuiTouchRipple-childPulsate",
+ "ripple": "MuiTouchRipple-ripple",
+ "ripplePulsate": "MuiTouchRipple-ripplePulsate",
+ "rippleVisible": "MuiTouchRipple-rippleVisible",
+ "root": "MuiTouchRipple-root",
+ }
+ }
>
- <TransitionGroup
- childFactory={[Function]}
- component={null}
- exit={true}
- />
- </span>
- </ForwardRef(TouchRipple)>
- </WithStyles(memo)>
- </button>
- </ForwardRef(ButtonBase)>
- </WithStyles(ForwardRef(ButtonBase))>
- </ForwardRef(Button)>
- </WithStyles(ForwardRef(Button))>
+ <span
+ className="MuiTouchRipple-root"
+ >
+ <TransitionGroup
+ childFactory={[Function]}
+ component={null}
+ exit={true}
+ />
+ </span>
+ </ForwardRef(TouchRipple)>
+ </WithStyles(memo)>
+ </button>
+ </ForwardRef(ButtonBase)>
+ </WithStyles(ForwardRef(ButtonBase))>
+ </ForwardRef(Button)>
+ </WithStyles(ForwardRef(Button))>
+ </div>
</div>
- </div>
- </EcogestureList>
- </Router>
-</BrowserRouter>
+ </EcogestureList>
+ </Router>
+ </BrowserRouter>
+</Provider>
`;
diff --git a/src/components/Ecogesture/__snapshots__/EcogestureView.spec.tsx.snap b/src/components/Ecogesture/__snapshots__/EcogestureView.spec.tsx.snap
index 4369c61f4..bb83aa4a3 100644
--- a/src/components/Ecogesture/__snapshots__/EcogestureView.spec.tsx.snap
+++ b/src/components/Ecogesture/__snapshots__/EcogestureView.spec.tsx.snap
@@ -1704,7 +1704,7 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<button
aria-label="ecogesture.initModal.btn1"
- class="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ class="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
tabindex="0"
type="button"
>
@@ -2094,7 +2094,6 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<WithStyles(ForwardRef(Button))
aria-label="ecogesture.initModal.btn1"
- className="btn1"
classes={
Object {
"label": "text-16-bold",
@@ -2105,7 +2104,6 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<ForwardRef(Button)
aria-label="ecogesture.initModal.btn1"
- className="btn1"
classes={
Object {
"colorInherit": "MuiButton-colorInherit",
@@ -2143,7 +2141,7 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<WithStyles(ForwardRef(ButtonBase))
aria-label="ecogesture.initModal.btn1"
- className="MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButton-root btn-secondary-negative MuiButton-text"
component="button"
disabled={false}
focusRipple={true}
@@ -2153,7 +2151,7 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<ForwardRef(ButtonBase)
aria-label="ecogesture.initModal.btn1"
- className="MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButton-root btn-secondary-negative MuiButton-text"
classes={
Object {
"disabled": "Mui-disabled",
@@ -2170,7 +2168,7 @@ exports[`EcogestureView component should be rendered correctly 1`] = `
>
<button
aria-label="ecogesture.initModal.btn1"
- className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text btn1"
+ className="MuiButtonBase-root MuiButton-root btn-secondary-negative MuiButton-text"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
diff --git a/src/components/Ecogesture/ecogestureInitModal.scss b/src/components/Ecogesture/ecogestureInitModal.scss
index 3088fd8fd..5934937d1 100644
--- a/src/components/Ecogesture/ecogestureInitModal.scss
+++ b/src/components/Ecogesture/ecogestureInitModal.scss
@@ -12,12 +12,9 @@
}
.buttons-container {
display: flex;
+ gap: 1rem;
button {
- min-height: 45px;
- cursor: pointer;
- }
- button.btn1 {
- margin-right: 1rem;
+ margin: 0;
}
}
}
diff --git a/src/components/Ecogesture/ecogestureList.scss b/src/components/Ecogesture/ecogestureList.scss
index 6f3b3edcc..b2785b9d4 100644
--- a/src/components/Ecogesture/ecogestureList.scss
+++ b/src/components/Ecogesture/ecogestureList.scss
@@ -13,13 +13,15 @@
.efficiency-button-content {
max-width: 52rem;
width: 100%;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
.selection {
display: flex;
align-items: center;
flex-direction: column;
color: white;
text-align: center;
- margin: 1rem auto;
button.btn-highlight {
padding: 0.625rem;
}
diff --git a/src/components/EcogestureForm/EcogestureFormView.tsx b/src/components/EcogestureForm/EcogestureFormView.tsx
index 078ace45e..c912471ab 100644
--- a/src/components/EcogestureForm/EcogestureFormView.tsx
+++ b/src/components/EcogestureForm/EcogestureFormView.tsx
@@ -90,6 +90,10 @@ const EcogestureFormView = () => {
}
}, [handleEndForm, step])
+ if (isProfileTypeCompleted) {
+ return <ProfileTypeView />
+ }
+
return (
<>
<CozyBar titleKey={'common.title_ecogestures'} />
@@ -103,9 +107,7 @@ const EcogestureFormView = () => {
<Loader />
</div>
)}
- {isProfileTypeCompleted ? (
- <ProfileTypeView />
- ) : (
+ {!isLoading && (
<>
{step === EcogestureStepForm.EQUIPMENTS && (
<EcogestureFormEquipment
diff --git a/src/models/global.model.ts b/src/models/global.model.ts
index 30118eeb3..e7098fc38 100644
--- a/src/models/global.model.ts
+++ b/src/models/global.model.ts
@@ -1,3 +1,4 @@
+import { Usage } from 'enum/ecogesture.enum'
import { FluidType } from 'enum/fluid.enum'
import { ScreenType } from 'enum/screen.enum'
import { TermsStatus } from 'models'
@@ -19,4 +20,5 @@ export interface GlobalState {
shouldRefreshConsent: boolean
sgeConnect: SgeStore
partnersInfo: PartnersInfo
+ ecogestureFilter: Usage
}
diff --git a/src/store/global/global.slice.spec.ts b/src/store/global/global.slice.spec.ts
index 79d93c696..d4a46788e 100644
--- a/src/store/global/global.slice.spec.ts
+++ b/src/store/global/global.slice.spec.ts
@@ -1,4 +1,5 @@
/* eslint-disable camelcase */
+import { Usage } from 'enum/ecogesture.enum'
import { FluidState, FluidType } from 'enum/fluid.enum'
import { FluidSlugType } from 'enum/fluidSlug.enum'
import { ScreenType } from 'enum/screen.enum'
@@ -20,6 +21,7 @@ import {
toggleChallengeActionNotification,
toggleChallengeDuelNotification,
toggleChallengeExplorationNotification,
+ updateEcogestureFilter,
updateFluidConnection,
updateSgeStore,
updateTermsStatus,
@@ -297,4 +299,15 @@ describe('globalSlice', () => {
],
})
})
+
+ it('should change the ecogestureFilter', () => {
+ const state = globalSlice.reducer(
+ mockGlobalState,
+ updateEcogestureFilter(Usage.AIR_CONDITIONING)
+ )
+ expect(state).toEqual({
+ ...mockGlobalState,
+ ecogestureFilter: Usage.AIR_CONDITIONING,
+ })
+ })
})
diff --git a/src/store/global/global.slice.ts b/src/store/global/global.slice.ts
index 0c3bfc097..8e12aa8d1 100644
--- a/src/store/global/global.slice.ts
+++ b/src/store/global/global.slice.ts
@@ -1,4 +1,5 @@
import { PayloadAction, createSlice } from '@reduxjs/toolkit'
+import { Usage } from 'enum/ecogesture.enum'
import { FluidState, FluidType } from 'enum/fluid.enum'
import { FluidSlugType } from 'enum/fluidSlug.enum'
import { ScreenType } from 'enum/screen.enum'
@@ -119,6 +120,7 @@ const initialState: GlobalState = {
pdlConfirm: false,
shouldLaunchAccount: false,
},
+ ecogestureFilter: Usage.ALL,
}
type ChangeScreenType = PayloadAction<ScreenType>
@@ -140,20 +142,22 @@ type ShowReleaseNote = PayloadAction<{
}>
type SetShouldRefreshConsent = PayloadAction<boolean>
type SetSgeConnect = PayloadAction<SgeStore>
+type UpdateEcogestureFilter = PayloadAction<Usage>
export type GlobalActionTypes =
| ChangeScreenType
+ | SetFluidStatus
| SetPartnersInfo
- | ToggleChallengeExplorationNotification
+ | SetSgeConnect
+ | SetShouldRefreshConsent
+ | ShowReleaseNote
+ | ToggleAnalysisNotification
| ToggleChallengeActionNotification
| ToggleChallengeDuelNotification
- | ToggleAnalysisNotification
- | SetFluidStatus
+ | ToggleChallengeExplorationNotification
| UpdatedFluidConnection
+ | UpdateEcogestureFilter
| UpdateTermValidation
- | ShowReleaseNote
- | SetShouldRefreshConsent
- | SetSgeConnect
const getFluidTypesFromStatus = (fluidStatus: FluidStatus[]): FluidType[] => {
const fluidTypes: FluidType[] = []
@@ -229,6 +233,9 @@ export const globalSlice = createSlice({
updateSgeStore: (state, action: SetSgeConnect) => {
state.sgeConnect = action.payload
},
+ updateEcogestureFilter: (state, action: UpdateEcogestureFilter) => {
+ state.ecogestureFilter = action.payload
+ },
},
})
@@ -236,13 +243,14 @@ export const {
changeScreenType,
setFluidStatus,
setPartnersInfo,
- updateSgeStore,
setShouldRefreshConsent,
showReleaseNotes,
toggleAnalysisNotification,
toggleChallengeActionNotification,
toggleChallengeDuelNotification,
toggleChallengeExplorationNotification,
+ updateEcogestureFilter,
updateFluidConnection,
+ updateSgeStore,
updateTermsStatus,
} = globalSlice.actions
diff --git a/tests/__mocks__/store/global.state.mock.ts b/tests/__mocks__/store/global.state.mock.ts
index 28f852216..bc056c2cb 100644
--- a/tests/__mocks__/store/global.state.mock.ts
+++ b/tests/__mocks__/store/global.state.mock.ts
@@ -1,4 +1,5 @@
/* eslint-disable camelcase */
+import { Usage } from 'enum/ecogesture.enum'
import { FluidState, FluidType } from 'enum/fluid.enum'
import { FluidSlugType } from 'enum/fluidSlug.enum'
import { ScreenType } from 'enum/screen.enum'
@@ -106,4 +107,5 @@ export const mockGlobalState: GlobalState = {
zipCode: null,
shouldLaunchAccount: false,
},
+ ecogestureFilter: Usage.ALL,
}
--
GitLab