Web UI frontend automated browser tests (#2223)

* First pass at basic browser tests for #1926 * Run tests against dev web server not go server * Bundle the web code into the server before running tests * Move cypress UI tests into its own npm project + add tests * Add additional tests + wire up with cypress dashboard * Limit concurrency of workflow jobs * Temporarily comment out some tests that do not pass in mobile. Will fix later.
2022-11-04 20:04:13 -07:00
parent 5119e977c1
commit 352447e3d4
34 changed files with 5672 additions and 338 deletions
@@ -0,0 +1,50 @@
+import { setup } from '../../support/setup.js';
+setup();
+
+describe(`Basic tests`, () => {
+	it('Can visit the page', () => {
+		cy.visit('http://localhost:8080/');
+	});
+
+	// Verify the tags show up
+	it('Has correct tags visible', () => {
+		cy.contains('#owncast').should('be.visible');
+		cy.contains('#streaming').should('be.visible');
+	});
+
+	// it('Can open notify modal', () => {
+	// 	cy.contains('Be notified').click();
+	// 	cy.wait(1500);
+	// 	cy.get('.ant-modal-close').click();
+	// });
+
+	// it('Can open follow modal', () => {
+	// 	cy.contains('Follow').click();
+	// 	cy.wait(1500);
+	// 	cy.get('.ant-modal-close').click();
+	// });
+
+	it('Can change to Followers tab', () => {
+		cy.contains('Followers').click();
+	});
+
+	// Verify content header values
+	it('Has correct content header values', () => {
+		cy.get('.header-title').should('have.text', 'Owncast');
+		cy.get('.header-subtitle').should(
+			'have.text',
+			'Welcome to your new Owncast server! This description can be changed in the admin. Visit https://owncast.online/docs/configuration/ to learn more.'
+		);
+	});
+
+	it('Has correct global header values', () => {
+		cy.get('.global-header-text').should('have.text', 'Owncast');
+	});
+
+	// Offline banner
+	it('Has correct offline banner values', () => {
+		cy.contains(
+			'This stream is offline. Be notified the next time Owncast goes live.'
+		).should('be.visible');
+	});
+});