Write Focalboard E2E with Cypress: "MM-T4280 Accessing from the App Switcher" · mattermost-community/focalboard#1821

2021-11-13T03:27:49.000Z

MM-T4280 Accessing from the Product Switcher Steps #1 From Channels click on the product switcher in the top left of the Global Header and click Boards Expected Dropdown opens with options to navigate to Channels, Boards and Playbooks Steps #2 Click on Boards Expected User lands on the Dashboard with all the channels the user belongs to, displayed in a grid view Steps #3 Click on a channel and open a board Expected First view is displayed in the centre Steps #4 Click on the product switcher in the top left of the Global Header and click Channels Expected User is taken to Channels Steps #5 Click on the product switcher in the top left of the Global Header and click Boards Expected User is taken to the Boards Dashboard **Test code arrangement:** ``` it('MM-T4280 Accessing from the Product Switcher', () => { // code }); ``` Note: 1. Use [queries from testing-library](https://testing-library.com/docs/dom-testing-library/api-queries) whenever possible. We share the same philosophy as the [testing-library](https://testing-library.com/) when doing UI automation like "Interact with your app the same way as your users" and so, please follow their guidelines especially when querying an element. If you're interested, please comment here and come [join our "Contributors" community channel](https://community.mattermost.com/core/channels/tickets) on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please [join our "Focalboard" community channel](https://community.mattermost.com/core/channels/focalboard). For new contributors, please see our [guide](https://github.com/mattermost/focalboard#running-and-testing-the-server).

(4 comments) (0 reactions) (1 assignee)TypeScript (2.542 forks)user submission

Area/E2E TestsDifficulty/1:EasyHelp WantedTech/Automation

Métricas do repositório

Stars: (26.187 stars)
Métricas de merge de PR: (Nenhuma PRs mesclada em 30d)

Description

Test code arrangement:

it('MM-T4280 Accessing from the Product Switcher', () => {
    // code
});

Note:

Use queries from testing-library whenever possible. We share the same philosophy as the testing-library when doing UI automation like "Interact with your app the same way as your users" and so, please follow their guidelines especially when querying an element.

If you're interested, please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Focalboard" community channel.

For new contributors, please see our guide.

Guia do colaborador

Direção de pesquisa: Examine os testes Cypress existentes no repositório, entenda a implementação do alternador de produtos e escreva um teste usando consultas testing library para simular as etapas descritas.
Pilha de tecnologia: typescriptreactcypressnodejs
Domain: frontend
Tipo Issue: Teste
Difficulty: 2
Tempo estimado: 1-3 horas
Status da atividade: Ativo
Clarity: Claro
Prerequisites: GitCypressJavaScript/TypeScript
Simpatia para novatos: 75

Métricas do repositório

Description

Guia do colaborador

Receba issues Easy novas por email.