Skip to content

Commit

Permalink
Quitando codigo duplicado
Browse files Browse the repository at this point in the history
  • Loading branch information
@iyanfdezz
iyanfdezz committed Apr 27, 2024
1 parent f38bea2 commit 5dcfd11
Show file tree
Hide file tree
Showing 6 changed files with 50 additions and 54 deletions.
13 changes: 7 additions & 6 deletions webapp/src/locales/es.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -242,14 +242,15 @@
},
"help": {
"title": "Centro de ayuda",
"description": "Bienvenido al centro de ayuda de nuestra aplicación. Aquí encontrarás información útil para sacar el máximo provecho de nuestra juego.",
"description": "Bienvenido al centro de ayuda de nuestra aplicación. Aquí encontrarás información útil para sacar el máximo provecho de nuestro juego.",
"category": "Categoría",
"descriptionC": "Descripción",
"gameModes": "Ayuda: Modos de juego",
"gameModes": "Modos de juego",
"details": "Detalles",
"gameModesDescription": "En nuestra aplicación tenemos 3 modos de juego con los que podrás entretenerte, en esta sección esperamos responder todas tus dudas.",
"socialHelp": "Ayuda: Social",
"socialHelp": "Social",
"socialHelpDescription": "Tenemos diferentes maneras de interactuar con otros usuarios, si tienes dudas sobre como hacerlo esta es tu sección.",
"statsHelp": "Ayuda: Estadisticas",
"statsHelp": "Estadisticas",
"statsHelpDescription": "Tenemos un modo para poder ver todas tus estadísticas para cada modo de juego, si tienes alguna duda esta es tu sección",
"moreDetails": "Más detalles"
},
Expand All @@ -264,8 +265,8 @@
"calculatorDescription": "En el modo Calculadora Humana tendrás que responder a operaciones matemáticas. La partida acaba cuando fallas."
},
"helpStats": {
"title":"Estadísticas",
"title2":"Ranking",
"title":"Ayuda: Estadísticas",
"title2":"Ayuda: Ranking",
"description": "Nuestra aplicación cuenta con un sistema de estadísticas en la que podrás ver tus estadísticas en los distintos modos de juego, y a su vez también puedes ver las estadisticas de otros usuarios.",
"description2": "Nuestra aplicación también cuenta con un sistema de ranking donde podrás ver los usuarios con las mejores puntuaciones, y filtrarlo por distintos parámetros."

Expand Down
13 changes: 10 additions & 3 deletions webapp/src/pages/Ayuda/Ayuda.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,27 +19,34 @@ const Ayuda = () => {
<Tr>
<Th>{t('pages.help.category')}</Th>
<Th>{t('pages.help.descriptionC')}</Th>
<Th>{t('pages.help.details')}</Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<Td>{t('pages.help.gameModes')}</Td>
<Td>
{t('pages.help.gameModesDescription')}{' '}
{t('pages.help.gameModesDescription')}
</Td>
<Td>
<a href="/ayuda/modos-de-juego">{t('pages.help.moreDetails')}</a>
</Td>
</Tr>
<Tr>
<Td>{t('pages.help.socialHelp')}</Td>
<Td>
{t('pages.help.socialHelpDescription')}{' '}
{t('pages.help.socialHelpDescription')}
</Td>
<Td>
<a href="/ayuda/social">{t('pages.help.moreDetails')}</a>
</Td>
</Tr>
<Tr>
<Td>{t('pages.help.statsHelp')}</Td>
<Td>
{t('pages.help.statsHelpDescription')}{' '}
{t('pages.help.statsHelpDescription')}
</Td>
<Td>
<a href="/ayuda/estadisticas">{t('pages.help.moreDetails')}</a>
</Td>
</Tr>
Expand Down
4 changes: 2 additions & 2 deletions webapp/src/pages/Ayuda/Ayuda.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@ describe('Ayuda Component', () => {
});

it('renders the correct title and description', () => {
const { getByText, getAllByText } = renderComponentWithRouter();
const { getByText} = renderComponentWithRouter();
const titleElement = getByText("Centro de ayuda");
const descriptionElement = getByText(/Bienvenido al centro de ayuda de nuestra aplicación. Aquí encontrarás información útil para sacar el máximo provecho de nuestra juego/i);
const descriptionElement = getByText(/Bienvenido al centro de ayuda de nuestra aplicación. Aquí encontrarás información útil para sacar el máximo provecho de nuestro juego/i);
expect(titleElement).toBeInTheDocument();
expect(descriptionElement).toBeInTheDocument();
});
Expand Down
16 changes: 8 additions & 8 deletions webapp/src/pages/Ayuda/AyudaEstadisticas.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,18 +21,18 @@ describe('AyudaEstadisticas Component', () => {
renderComponentWithRouter();
});

it('renders the correct title and description', () => {
const { getByText,queryAllByRole } = renderComponentWithRouter();
const descriptionElement = getByText(/Nuestra aplicación cuenta con un sistema de estadísticas en la que podrás ver tus estadísticas en los distintos modos de juego, y a su vez también puedes ver las estadisticas de otros usuarios./i);

const checkDescription = (description) => {
const { getByText } = renderComponentWithRouter();
const descriptionElement = getByText(description);
expect(descriptionElement).toBeInTheDocument();
};

it('renders the correct title and description', () => {
checkDescription(/Nuestra aplicación cuenta con un sistema de estadísticas en la que podrás ver tus estadísticas en los distintos modos de juego, y a su vez también puedes ver las estadisticas de otros usuarios./i);
});

it('renders the correct second title and description', () => {
const { getByText } = renderComponentWithRouter();
const description2Element = getByText(/Nuestra aplicación también cuenta con un sistema de ranking donde podrás ver los usuarios con las mejores puntuaciones, y filtrarlo por distintos parámetros./i);

expect(description2Element).toBeInTheDocument();
checkDescription(/Nuestra aplicación también cuenta con un sistema de ranking donde podrás ver los usuarios con las mejores puntuaciones, y filtrarlo por distintos parámetros./i);
});
});

32 changes: 12 additions & 20 deletions webapp/src/pages/Ayuda/AyudaJuego.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,14 @@ describe('AyudaJuego Component', () => {
renderComponentWithRouter();
});

const checkModeDescription = (mode, description) => {
it(`renders the correct ${mode} mode title and description`, () => {
const { getByText } = renderComponentWithRouter();
const modeDescription = getByText(description);
expect(modeDescription).toBeInTheDocument();
});
};

it('renders the correct title and description', () => {
const { getByText } = renderComponentWithRouter();
const titleElement = getByText(/Ayuda: Modos de Juego/i);
Expand All @@ -29,25 +37,9 @@ describe('AyudaJuego Component', () => {
expect(descriptionElement).toBeInTheDocument();
});

it('renders the correct classic mode title and description', () => {
const { getByText } = renderComponentWithRouter();
const classicModeDescription = getByText(/En el modo Clásico tendrás que responder a una serie de preguntas en un tiempo determinado por pregunta. Tras responder una pregunta, la respuesta correcta se pondrá de color verde y, si has fallado, tu respuesta se pondrá en rojo./i);

expect(classicModeDescription).toBeInTheDocument();
});

it('renders the correct sabios mode title and description', () => {
const { getByText } = renderComponentWithRouter();
const sabiosModeDescription = getByText(/En el modo de Batería de Sabios tendrás que responder de forma correcta el máximo de preguntas en un tiempo limite./i);

expect(sabiosModeDescription).toBeInTheDocument();
});

it('renders the correct calculator mode title and description', () => {
const { getByText } = renderComponentWithRouter();
const calculatorModeDescription = getByText(/En el modo Calculadora Humana tendrás que responder a operaciones matemáticas. La partida acaba cuando fallas./i);

expect(calculatorModeDescription).toBeInTheDocument();
});
checkModeDescription('classic', /En el modo Clásico tendrás que responder a una serie de preguntas en un tiempo determinado por pregunta. Tras responder una pregunta, la respuesta correcta se pondrá de color verde y, si has fallado, tu respuesta se pondrá en rojo./i);
checkModeDescription('sabios', /En el modo de Batería de Sabios tendrás que responder de forma correcta el máximo de preguntas en un tiempo limite./i);
checkModeDescription('calculator', /En el modo Calculadora Humana tendrás que responder a operaciones matemáticas. La partida acaba cuando fallas./i);
});


26 changes: 11 additions & 15 deletions webapp/src/pages/Ayuda/AyudaSocial.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,14 @@ describe('AyudaSocial Component', () => {
renderComponentWithRouter();
});

const checkSectionDescription = (section, description) => {
it(`renders the correct ${section} section description`, () => {
const { getByText } = renderComponentWithRouter();
const descriptionElement = getByText(description);
expect(descriptionElement).toBeInTheDocument();
});
};

it('renders the correct title and description', () => {
const { getByText } = renderComponentWithRouter();
const titleElement = getByText(/Ayuda: Social/i);
Expand All @@ -29,20 +37,8 @@ describe('AyudaSocial Component', () => {
expect(descriptionElement).toBeInTheDocument();
});

it('renders the correct friends section title and description', () => {
const { getByText } = renderComponentWithRouter();

const friendsDescription = getByText(/Podrás buscar los usuarios del sistema y añadirlos como amigos para así acceder a su perfil de forma más fácil./i);

expect(friendsDescription).toBeInTheDocument();
});

it('renders the correct groups section title and description', () => {
const { getByText } = renderComponentWithRouter();

const groupsDescription = getByText(/Podrás crear o unirte a un grupo ya existente con otros usuarios para poder ver su perfil y partidas recientes, y compartir tu experiencia con ellos./i);

expect(groupsDescription).toBeInTheDocument();
});
checkSectionDescription('friends', /Podrás buscar los usuarios del sistema y añadirlos como amigos para así acceder a su perfil de forma más fácil./i);
checkSectionDescription('groups', /Podrás crear o unirte a un grupo ya existente con otros usuarios para poder ver su perfil y partidas recientes, y compartir tu experiencia con ellos./i);
});


0 comments on commit 5dcfd11

Please sign in to comment.