mirror of
https://github.com/PostHog/posthog.git
synced 2024-11-22 08:40:03 +01:00
644efe0667
* refactor entire invite logic * use lemon table for invites * update no email warnings * additional redirection * Simplify `.info-message` * Use muted styling for all LemonTable empty states * Use common `EmailUnavailableMessage` * Refactor for a global <InviteModal/> * Update invite deletion button for new style * Bring columns in line with other LemonTables and add invitee name * Hide invite modal when location changes * Align details to existing Cypress test * Update invitesMembers.js * Add data-attrs * Fix invite deletion Cypress * Update wording Co-authored-by: Michael Matloka <dev@twixes.com>
108 lines
5.2 KiB
JavaScript
108 lines
5.2 KiB
JavaScript
import { urls } from 'scenes/urls'
|
|
|
|
describe('Invite Signup', () => {
|
|
it('Authenticated user can invite user but cannot use invite for someone else', () => {
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-org-settings]').click()
|
|
|
|
cy.location('pathname').should('eq', '/organization/settings')
|
|
cy.get('h2').contains('Pending Invites').should('exist')
|
|
|
|
// Test invite creation flow
|
|
cy.get('[data-attr=invite-teammate-button]').click()
|
|
cy.get('[data-attr=invite-email-input]').type('charlie@posthog.com').should('have.value', 'charlie@posthog.com')
|
|
cy.get('[data-attr=invite-team-member-submit]').click()
|
|
cy.get('[data-attr=invites-table] tbody td').should('contain', 'charlie@posthog.com')
|
|
|
|
// Assert user cannot use invite for someone else
|
|
cy.get('[data-attr=invites-table] tbody tr:last-of-type td:nth-last-child(2)').then((element) => {
|
|
cy.visit(element.text())
|
|
})
|
|
cy.get('.error-view-container').should('exist')
|
|
cy.get('h1.page-title').should('contain', 'Oops! You cannot use this invite link')
|
|
cy.get('.error-message div').should('contain', 'This invite is intended for another email address')
|
|
|
|
// Delete the invite
|
|
cy.visit('/organization/members')
|
|
cy.get('[data-attr=invites-table] [data-attr=invite-delete]').click()
|
|
cy.get('.ant-modal-confirm-btns button').contains('Yes, cancel invite').click()
|
|
cy.get('.Toastify__toast-body').should('contain', 'Invite canceled successfully')
|
|
cy.get('[data-attr=invites-table] tbody td').should('not.contain', 'charlie@posthog.com')
|
|
})
|
|
|
|
it('New user can use invite', () => {
|
|
const target_email = `newuser+${Math.floor(Math.random() * 10000)
|
|
.toString()
|
|
// Ensure we have a fixed width
|
|
.padStart(4, '0')}@posthog.com`
|
|
cy.request({
|
|
method: 'POST',
|
|
url: '/api/organizations/@current/invites/',
|
|
body: { target_email: target_email },
|
|
headers: { Authorization: 'Bearer e2e_demo_api_key' },
|
|
}).then((response) => {
|
|
expect(response.status).to.eq(201)
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-logout]').click()
|
|
cy.visit('/signup/' + response.body.id)
|
|
})
|
|
cy.get('.error-view-container').should('not.exist')
|
|
cy.get('h1.page-title').should('contain', "You've been invited to join")
|
|
cy.get('#email').should('have.value', `n**********${target_email[11]}@posthog.com`)
|
|
cy.get('#password').type('12345678')
|
|
cy.get('.ant-progress-bg').should('not.have.css', 'width', '0px') // Password strength indicator is working
|
|
cy.get('#first_name').type('Bob')
|
|
cy.get('[data-attr=password-signup]').click()
|
|
cy.get('.Toastify__toast-body').should('contain', 'You have joined')
|
|
cy.location('pathname').should('include', urls.savedInsights())
|
|
})
|
|
|
|
it('can navigate to organization settings and invite/change users', () => {
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-org-settings]').click()
|
|
cy.location('pathname').should('include', '/organization/settings')
|
|
|
|
// Click "Invite team member"
|
|
cy.get('[data-attr=invite-teammate-button]').first().click()
|
|
// Enter invite the user
|
|
cy.get('[data-attr=invite-email-input]').type(`fake+${Math.floor(Math.random() * 10000)}@posthog.com`)
|
|
cy.get('[data-attr=invite-team-member-submit]').should('not.be.disabled').click()
|
|
|
|
// Log in as invited user
|
|
cy.get('[data-attr=invite-link]')
|
|
.last()
|
|
.then((element) => {
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-logout]').click()
|
|
cy.visit(element.text())
|
|
})
|
|
cy.get('#password').type('12345678')
|
|
cy.get('#first_name').type('Bob')
|
|
cy.get('[data-attr=password-signup]').click()
|
|
cy.get('.Toastify__toast-body').should('contain', 'You have joined')
|
|
cy.location('pathname').should('include', urls.savedInsights())
|
|
|
|
// Log out, log in as main
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-logout]').click()
|
|
cy.login()
|
|
|
|
// Go to organization settings
|
|
cy.get('[data-attr=top-menu-toggle]').click()
|
|
cy.get('[data-attr=top-menu-item-org-settings]').click()
|
|
cy.location('pathname').should('include', '/organization/settings')
|
|
cy.get('.page-title').should('contain', 'Organization')
|
|
|
|
// Change membership level
|
|
cy.get('[data-attr=change-membership-level]').last().should('contain', 'member')
|
|
cy.get('[data-attr=change-membership-level]').last().click()
|
|
cy.get('[data-test-level=8]').click()
|
|
cy.get('[data-attr=change-membership-level]').last().should('contain', 'admin')
|
|
|
|
// Delete member
|
|
cy.get('[data-attr=delete-org-membership]').last().click()
|
|
cy.get('.ant-modal-confirm-btns button').last().click()
|
|
cy.get('.Toastify__toast-body').should('contain', 'Removed Bob from organization')
|
|
})
|
|
})
|