Cypress: не удается войти в браузер Cypress

Question

Я пытаюсь настроить E2E-тестирование приложения Vue с помощью Cypress.

Я могу войти в приложение с помощью моего обычного браузера Chrome.Тем не менее, браузер, открытый Chrome, не позволяет мне войти в систему. Не удается выполнить автоматический вход через Cypress и ручной вход.

Есть ли настройка, которую мне не хватает?

Элемент My Vue:

<template>
    <div class="d-flex justify-content-center">

            <div class="field is-horizontal">
                <div class="field-label is-normal">
                    <label class="label">Username</label>
                </div>
                <div class="field-body">
                    <div class="field">
                        <div class="control">
                            <input v-model="username" class="input" type="text"
                                   placeholder="Your username">
                        </div>
                    </div>
                </div>
            </div>
            <div class="field is-horizontal">
                <div class="field-label is-normal">
                    <label class="label">Password</label>
                </div>
                <div class="field-body">
                    <div class="field">
                        <div class="control">
                            <input v-model="password" class="input" type="password"
                                   placeholder="Your password">
                        </div>
                    </div>
                </div>
            </div>
            <div class="field is-horizontal">
                <div class="field-label">
                    <!-- Left empty for spacing -->
                </div>
                <div class="field-body">
                    <div class="field">
                        <div class="control text-center">
                            <button v-on:click="login()" class="button is-primary">
                                Login
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

Мой тестовый файл:

describe('Logging in', () => {
    it('Logs in as admin', () => {
        cy.visit('/')
            .get('input[type="text"]')
            .type('Admin')
            .get('input[type="password"]')
            .type('Pass1234')
            .get('button').click()
            .location().should((loc) => {
            expect(loc.pathname).to.eq('/dashboard-main/dashboard');
        })
    })
})

Обновление: некоторые предложения здесь: https://github.com/cypress-io/cypress/issues/1759#issuecomment-391729559

Answer 1

Вы видите что-нибудь во время теста e2e, когда он запускается?Как Cypress печатать в этих полях?

Помимо того, что я не буду использовать очень общие локаторы, я остановлюсь на .click(), а затем проверим новый путь с помощью cy.url()