diff --git a/src/components/Ecogesture/EcogestureInitModal.tsx b/src/components/Ecogesture/EcogestureInitModal.tsx
index e20e0a60e9030e4e5365c6c7c2b1e302421560bf..e5f7959a7340acd22902399e38e16ddbf8353b7d 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 21d10a3a5f92aeaf490d579156f5fe27edc05a39..7bf20362ed04d7555a2db6c8c394a8a628d30767 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 5e9a257bc36b9af8e6e9c4aeaeaf6a9e8c4a2f5d..047b325b365a4fddeae7a7515210bf482cc34e00 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 eb5387015fd42dc4e2f15a716712b04dd2ad7138..17cb411330be9a6b0aa4f5975b6646eb88d16879 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 14cee0ae8036565908d38f268a074c28db3fb14b..f1b19808950d54207ae75735889b155cbd470741 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 4369c61f413e7e47d274c4a0391e3fb4cd9596f1..bb83aa4a390ae2ed134eb0a35dc2c0e95cfc1346 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 3088fd8fd08b7122aed896d9cdf995fa8697b16e..5934937d117b661ceb49d918616f21a13d082b77 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 6f3b3edcc046fb1067f6c41a6a116300e4eaf427..b2785b9d4711053f4e4ea958f56a931b54769add 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 078ace45e5e28215e3489d387c954b877c93fbb6..c912471ab198381dd99dd66aac5cfff0440ab3ec 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 30118eeb38bb9f93663a277824778e5b2c92f39d..e7098fc38cd2ae2fcfc4329c7be6292f77812641 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 79d93c696002e742e5aa4f8b61addcd67cad9c64..d4a46788e0a652e666fbdd9f0e3596d25b2441d3 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 0c3bfc0972b40f8a7f59f1afba613b7823acb09a..8e12aa8d128bbeaaaa9763622eb714ef102814c5 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 28f852216bb07e631b4001cddf0036b1b182fc26..bc056c2cb88218e9cea6abb983bd823305dd6795 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,
}