LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Add chat embed automated browser tests. Closes #2743

Browse Source
This commit is contained in:
Gabe Kangas 2023-02-26 19:06:22 -08:00
parent 1f99b0bf22
commit 5b8bacb83f
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
5 changed files with 44 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
test/automated/browser/cypress/e2e/offline/03_offline_readwrite_chat_embed.cy.js
View File

@ -5,4 +5,12 @@ describe(`Offline readwrite chat embed`, () => {
it('Can visit the page', () => { it('Can visit the page', () => {
cy.visit('http://localhost:8080/embed/chat/readwrite'); cy.visit('http://localhost:8080/embed/chat/readwrite');
}); });
it('Header should be visible', () => {
cy.get('header').should('be.visible');
});
it('Chat should be visible', () => {
cy.get('#chat-container').should('be.visible');
});
}); });

8
test/automated/browser/cypress/e2e/offline/04_offline_readonly_chat_embed.cy.js
View File

@ -3,10 +3,10 @@ setup();
describe(`Offline read-only chat embed`, () => { describe(`Offline read-only chat embed`, () => {
it('Can visit the page', () => { it('Can visit the page', () => {
cy.visit('http://localhost:8080/embed/chat/readwrite'); cy.visit('http://localhost:8080/embed/chat/readonly');
}); });
// it('Chat should be visible', () => { it('Chat should be visible', () => {
// cy.get('#chat-container').should('be.visible'); cy.get('#chat-container').should('be.visible');
// }); });
}); });

36
test/automated/browser/cypress/e2e/online/03_online_readwrite_chat_embed.cy.js
View File

@ -6,27 +6,27 @@ describe(`Online readwrite chat embed`, () => {
cy.visit('http://localhost:8080/embed/chat/readwrite'); cy.visit('http://localhost:8080/embed/chat/readwrite');
}); });
// it('Chat should be visible', () => { it('Header should be visible', () => {
// cy.get('#chat-container').should('be.visible'); cy.get('header').should('be.visible');
// }); });
// it('User menu should be visible', () => { it('User menu should be visible', () => {
// cy.get('#user-menu').should('be.visible'); cy.get('#user-menu').should('be.visible');
// }); });
// it('Chat join message should exist', () => { it('Chat join message should exist', () => {
// cy.contains('joined the chat').should('be.visible'); cy.contains('joined the chat').should('be.visible');
// }); });
// it('User menu should be visible', () => { it('Click on user menu', () => {
// cy.get('#user-menu').should('be.visible'); cy.get('#user-menu').click();
// }); });
// it('Click on user menu', () => { it('Show change name modal', () => {
// cy.get('#user-menu').click(); cy.contains('Change name').click();
// }); });
// it('Show change name modal', () => { it('Close name change modal', () => {
// cy.contains('Change name').click(); cy.get('.ant-modal-close-x').click();
// }); });
}); });

8
test/automated/browser/cypress/e2e/online/04_online_readonly_chat_embed.cy.js
View File

@ -3,10 +3,10 @@ setup();
describe(`Online read-only chat embed`, () => { describe(`Online read-only chat embed`, () => {
it('Can visit the page', () => { it('Can visit the page', () => {
cy.visit('http://localhost:8080/embed/chat/readwrite'); cy.visit('http://localhost:8080/embed/chat/readonly');
}); });
// it('Chat should be visible', () => { it('Chat should be visible', () => {
// cy.get('#chat-container').should('be.visible'); cy.get('#chat-container').should('be.visible');
// }); });
}); });

18
web/pages/embed/chat/readwrite/index.tsx
View File

@ -33,14 +33,16 @@ export default function ReadWriteChatEmbed() {
<ClientConfigStore /> <ClientConfigStore />
<Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} /> <Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
{currentUser && ( {currentUser && (
<ChatContainer <div id="chat-container">
messages={messages} <ChatContainer
usernameToHighlight={currentUser.displayName} messages={messages}
chatUserId={currentUser.id} usernameToHighlight={currentUser.displayName}
isModerator={currentUser.isModerator} chatUserId={currentUser.id}
showInput isModerator={currentUser.isModerator}
height="80vh" showInput
/> height="80vh"
/>
</div>
)} )}
</div> </div>
); );