Event test

cypress/integration/events.spec.ts

@@ -1,8 +1,119 @@
-import { EventsPage } from '../page-objects/events-page'
+describe('[Events]', () => {
+  const SKIP_TIMEOUT = { timeout: 300 }
+  const todaysDate = Cypress.moment().format('YYYY-MM-DD')
+  before(() => {
+    return cy.deleteDocuments(
+      'v2_events',
+      'title',
+      '==',
+      'Create an Event test',
+    )
+  })
 
-context('events', () => {
-  it('should navigate without login', () => {
+  beforeEach(() => {
     cy.visit('/events')
-    const eventsPage = new EventsPage()
+    cy.logout()
+  })
+
+  describe('[List events]', () => {
+    // const howtoUrl = '/how-to/make-glasslike-beams'
+    // const coverFileRegex = /howto-beams-glass-0-3.jpg/
+
+    it('[By Everyone]', () => {
+      cy.log('The Create button is unavailable')
+      cy.get('[data-cy=create]').should('not.exist')
+
+      cy.log('No tag is selected')
+      // - Create button is unavailable
+      // - No tag is selected
+      // - No location is inputted
+      // - More Events button is hidden
+      // - Some latest events are shown
+      // - The summary of an event is shown, including: date, title, organizer, location and tag
+      // - Click on the event's button
+      // - Check if it takes users to the event's page in a new tab"
+    })
+
+    it('[By Authenticated]', () => {
+      cy.login('howto_reader@test.com', 'test1234')
+      cy.log('Create button is available')
+      cy.get('[data-cy=create]')
+        .click()
+        .url()
+        .should('include', '/events/create')
+    })
+  })
+
+  describe('[Filter with Tag]', () => {
+    it('[By Everyone]', () => {
+      cy.log('Select a tag')
+      // - Select a tag on the dropdown list
+      // - Check if only relevant events are shown
+      // - Remove the selected tag
+      // - Expect all events are shown again"
+    })
+  })
+
+  describe('[Filter by Location]', () => {
+    it('[By Everyone]', () => {
+      cy.log('Select the Location')
+      // - Select the text box, Search for a Location
+      // - Type a location incompletely
+      // - Select the desired location from the suggestion list
+      // - Check if only relevant events are shown
+      // - Remove the location
+      // - Expet all events are shown again"
+    })
+  })
+
+  describe('[Create an event]', () => {
+    it('[By Anonymous]', () => {
+      cy.visit('/events/create')
+        .url()
+        .should('not.include', '/create')
+    })
+
+    it('[By Authenticated]', () => {
+      cy.visit('/events')
+      cy.login('howto_creator@test.com', 'test1234')
+      cy.get('[data-cy=create]').click()
+
+      cy.log('Fill up the intro')
+      cy.get('[data-cy=title]').type('Create an Event test')
+      cy.get('[data-cy=date]').type(todaysDate)
+      cy.get('[data-cy=location]').type('Rio de Janeiro, Brazil')
+      cy.get('.ap-name')
+        .contains('Rio')
+        .click()
+      cy.get('[data-cy=tag-select]').click()
+      cy.get('[data-cy=url]').type(
+        'https://www.meetup.com/pt-BR/cities/br/rio_de_janeiro/',
+      )
+      cy.get('Publish').click()
+    })
+  })
+
+  describe('[Edit an event]', () => {
+    it('[By Anonymous]', () => {
+      cy.visit('/events')
+      // ...
+    })
+
+    it('[By Authenticated]', () => {
+      cy.visit('/events')
+      // ...
+    })
+  })
+
+  describe('[Read an event]', () => {
+    it('[By Anonymous]', () => {
+      cy.visit('/events')
+      // ...
+    })
+
+    it('[By Authenticated]', () => {
+      cy.visit('/events')
+      // ...
+    })
   })
 })

src/components/LocationSearch/LocationSearch.tsx

@@ -110,6 +110,7 @@ export class LocationSearch extends React.Component<IProps, IState> {
       <>
         {/* the first input uses our styled input component and has ref to subscribe to value changes */}
         <Input
+          data-cy="location"
           placeholder={this.props.placeholder}
           style={styleVariant === 'filter' ? FilterStyle : SelectorStyle}
           ref={this.userInputRef}

src/pages/Events/Content/EventsCreate/EventsCreate.tsx

@@ -111,6 +111,7 @@ export class EventsCreate extends React.Component<IProps, IState> {
                         <Field
                           id="title"
                           name="title"
+                          data-cy="title"
                           validate={value => this.validateTitle(value)}
                           validateFields={[]}
                           component={InputField}
@@ -128,6 +129,7 @@ export class EventsCreate extends React.Component<IProps, IState> {
                           </Label>
                           <Field
                             name="date"
+                            data-cy="date"
                             validateFields={[]}
                             validate={required}
                             component={InputField}
@@ -171,6 +173,7 @@ export class EventsCreate extends React.Component<IProps, IState> {
                           <Label htmlFor="location">Link to your event *</Label>
                           <Field
                             name="url"
+                            data-cy="url"
                             validateFields={[]}
                             validate={value => this.validateUrl(value)}
                             component={InputField}

src/pages/Events/Content/EventsList/EventsList.tsx

@@ -61,7 +61,9 @@ export class EventsList extends React.Component<any> {
             <Flex>
               <AuthWrapper>
                 <Link to={'/events/create'}>
-                  <Button variant="primary">Create an event</Button>
+                  <Button variant="primary" data-cy={'create'}>
+                    Create an event
+                  </Button>
                 </Link>
               </AuthWrapper>
             </Flex>