Wussten Sie, dass Sie ein Überprüfungssystem einrichten können, sodass jede Pull-Anfrage, die Sie stellen, genau zeigt, was sich auf Ihrer Website visuell geändert hat?
Genau das macht Percy. Es wird davon ausgegangen, dass das, was Sie auf dem Master haben, korrekt (konfigurierbar) ist. Wenn Sie eine Pull-Anforderung ausführen, werden buchstäblich Screenshots erstellt und mit den Screenshots des Masters verglichen. Wenn sich etwas geändert hat, werden Sie darüber informiert, genau wie dies bei Unit- oder Integrationstests der Fall wäre. Genehmigen Sie sie und bemerken Sie, dass etwas nicht stimmt? Beheben Sie das Problem und überprüfen Sie die Änderungen erneut.
Es ist unglaublich, dass diese Art von Tests verfügbar ist. Auf diese Weise können Sie Ihrem Team wirklich das Vertrauen geben, dass es genau das tut, was Sie denken, wenn Leute Design- oder Inhaltsänderungen vornehmen.
In diesem Video arbeite ich mit Mike Fotinakis (Mitbegründer von Percy) zusammen, um all das zu demonstrieren, und richte dann buchstäblich alles ein und gehe auf eine Website. Wir werden mit Eleventy an einer lokalen Site arbeiten, diese live auf Netlify übertragen, CircleCI in das GitHub-Repo für die Site integrieren und diese für die Ausführung von Percy konfigurieren.
Es ist ziemlich magisch und ich empfehle Ihnen wirklich, es auszuprobieren, damit Sie wissen, wie viele visuelle Tests heutzutage möglich sind.