chore: runnign e2e locally

.circleci/config.yml

@@ -1,5 +1,35 @@
 version: 2.1
 
+commands:
+ init-app-dependencies:
+ steps:
+ - restore_cache:
+ name: Restore Yarn Package Cache
+ keys:
+ - yarn-packages-{{ checksum "yarn.lock" }}
+ - run:
+ name: Install Dependencies
+ command: |
+ yarn install --frozen-lockfile
+ - save_cache:
+ name: Save Yarn Package Cache
+ key: yarn-packages-{{ checksum "yarn.lock" }}
+ paths:
+ - ~/.cache/yarn
+ install_rust_compiler:
+ description: >
+ This will install the rust compiler with the rust tools.
+ steps:
+ - run:
+ name: Install clang
+ command: sudo apt-get update && sudo apt-get install -y --no-install-recommends clang musl-tools
+ - run:
+ name: Install rust compiler
+ command: |
+ curl https://sh.rustup.rs -sSf | \
+ sh -s -- --default-toolchain stable -y
+ echo 'source $HOME/.cargo/env' >> $BASH_ENV
+
 jobs:
  cloud-e2e:
  machine:
@@ -105,6 +135,33 @@ jobs:
  name: "Save Yarn Package Cache"
  paths:
  - ~/.cache/yarn
+ oss-e2e:
+ docker:
+ - image: circleci/golang:1.15-node-browsers
+ steps:
+ - checkout
+ - init-app-dependencies
+ - run: sudo apt-get update
+ - run: sudo apt-get install -y netcat-openbsd
+ - run: sudo apt-get install -y bzr
+ - install_rust_compiler
+ - run:
+ name: Build UI
+ command: |
+ yarn build
+ - run: 
+ name: Clone and 'make' influxdb from master
+ command: |
+ yarn script db:get
+ - run:
+ name: Start influxdb
+ command: |
+ yarn script db:run
+ background: true
+ - run:
+ name: Run e2e tests
+ command: |
+ yarn test:e2e
 
 workflows:
  version: 2
@@ -115,3 +172,4 @@ workflows:
  e2e:
  jobs:
  - cloud-e2e
+ - oss-e2e

.gitignore

@@ -13,6 +13,10 @@ build
 coverage
 node_modules
 vendor
+temp
+cypress/screenshots
+cypress/videos
+junit-results
 
 # files
 cypress.env.json

README.md

@@ -50,6 +50,12 @@ From the ui directory. Build the javascript with
  To run Cypress locally
 `$ yarn cy:dev`
 
+### Run against influxdb master
+ 1. `yarn build`
+ 1. `yarn script db:get` clone database with git and build it
+ 1. `yarn script db:run` starts database (don't close terminal)
+ 1. `yarn cy` with ui or `yarn test:e2e` only run tests
+
 ## Starting Dev Server
 
 Running `/ui` locally depends on `monitor-ci`. [See the monitor-ci Quickstart](https://github.com/influxdata/monitor-ci#quickstart-for-local-development)

cypress/e2e/buckets.test.ts

@@ -49,6 +49,31 @@ describe('Buckets', () => {
  cy.getByTestID('inline-labels--empty').should('exist')
  })
 
+ it('can create a bucket with retention', () => {
+ const newBucket = '🅱️ucket'
+ cy.getByTestID(`bucket-card ${newBucket}`).should('not.exist')
+
+ //create bucket with retention
+ cy.getByTestID('Create Bucket').click()
+ cy.getByTestID('overlay--container').within(() => {
+ cy.getByInputName('name').type(newBucket)
+ cy.getByTestID('retention-intervals--button').click()
+ cy.getByTestID('duration-selector--button').click()
+ cy.getByTestID('duration-selector--12h')
+ .click()
+ .then(() => {
+ cy.getByTestID('bucket-form-submit').click()
+ })
+ })
+
+ //assert bucket with retention
+ cy.getByTestID(`bucket-card ${newBucket}`)
+ .should('exist')
+ .within(() => {
+ cy.getByTestID('bucket-retention').should('contain', '12 hours')
+ })
+ })
+
  it("can update a bucket's retention rules", () => {
  cy.get<Bucket>('@bucket').then(({name}: Bucket) => {
  cy.getByTestID(`bucket-settings`).click()
@@ -131,30 +156,42 @@ describe('Buckets', () => {
  expect(testID).to.include(retentionAsc[index])
  })
  })
-
- cy.getByTestID('search-widget').type('tasks')
- cy.get('.cf-resource-card').should('have.length', 1)
  })
  })
 
- // Currently producing a false negative
- it.skip('can delete a bucket', () => {
- const bucket1 = 'newbucket1'
- cy.get<Organization>('@org').then(({id, name}: Organization) => {
- cy.createBucket(id, name, bucket1)
- })
+ it('can filter buckets', () => {
+ //assert buckets amount
+ cy.get('.cf-resource-card').should('have.length', 3)
 
- cy.getByTestID(`context-delete-menu ${bucket1}`).click()
- cy.getByTestID(`context-delete-bucket ${bucket1}`).click()
+ //filter a bucket
+ cy.getByTestID('search-widget').type('def')
+ cy.get('.cf-resource-card')
+ .should('have.length', 1)
+ .should('contain', 'defbuck')
 
- // normally we would assert for empty state here
- // but we cannot because of the default system buckets
- // since cypress selectors are so fast, that sometimes a bucket
-  // that is deleted will be selected before it gets deleted
-  cy.wait(10000)
+ //clear filter and assert all buckets are visible
+ cy.getByTestID('search-widget').clear()
+ cy.get('.cf-resource-card').should('have.length', 3)
+ })
+ })
 
- cy.getByTestID(`bucket--card--name ${bucket1}`).should('not.exist')
+ // Currently producing a false negative
+ it.skip('can delete a bucket', () => {
+ const bucket1 = 'newbucket1'
+ cy.get<Organization>('@org').then(({id, name}: Organization) => {
+ cy.createBucket(id, name, bucket1)
  })
+
+ cy.getByTestID(`context-delete-menu ${bucket1}`).click()
+ cy.getByTestID(`context-delete-bucket ${bucket1}`).click()
+
+ // normally we would assert for empty state here
+ // but we cannot because of the default system buckets
+ // since cypress selectors are so fast, that sometimes a bucket
+ // that is deleted will be selected before it gets deleted
+ cy.wait(10000)
+
+ cy.getByTestID(`bucket--card--name ${bucket1}`).should('not.exist')
  })
 
  // skipping until feature flag feature is removed for deleteWithPredicate
@@ -394,5 +431,97 @@ describe('Buckets', () => {
  // mymeasurement comes from fixtures/data.txt
  cy.getByTestID('selector-list mymeasurement').should('exist')
  })
+
+ it('create scraper', () => {
+ //click "add data" and choose Scrape Metrics
+ cy.getByTestID('add-data--button').click()
+ cy.get('.bucket-add-data--option')
+ .contains('Scrape Metrics')
+ .click()
+
+ //fill out name and assert default bucket
+ cy.getByTitle('Name')
+ .clear()
+ .type('Scraper from bucket')
+ cy.getByTestID('bucket-dropdown--button').should('contain', 'defbuck')
+ cy.getByTestID('create-scraper--submit').click()
+
+ //assert notification
+ cy.getByTestID('notification-success').should(
+ 'contain',
+ 'Scraper was created successfully'
+ )
+
+ //assert created scraper's parameters
+ cy.getByTestID('tabs--tab')
+ .contains('Scrapers')
+ .click()
+
+ cy.getByTestID('resource-card')
+ .first()
+ .within(() => {
+ cy.getByTestID('resource-editable-name').should(
+ 'contain',
+ 'Scraper from bucket'
+ )
+ cy.getByTestID('resource-list--meta').should('contain', 'defbuck')
+ })
+ })
+
+ it('configure telegraf agent', () => {
+ //click "add data" and choose Configure Telegraf Agent
+ cy.getByTestID('add-data--button').click()
+ cy.get('.bucket-add-data--option')
+ .contains('Configure Telegraf Agent')
+ .click()
+
+ //assert default bucket
+ cy.getByTestID('bucket-dropdown--button').should('contain', 'defbuck')
+
+ //filter plugins and choose system
+ cy.getByTestID('input-field')
+ .type('sys')
+ .then(() => {
+ cy.getByTestID('square-grid--card').should('have.length', 1)
+ cy.getByTestID('input-field')
+ .clear()
+ .then(() => {
+ cy.getByTestID('square-grid--card').should('have.length', 5)
+ })
+ })
+ cy.getByTestID('telegraf-plugins--System').click()
+ cy.getByTestID('next').click()
+
+ //add telegraf name and description
+ cy.getByTitle('Telegraf Configuration Name')
+ .clear()
+ .type('Telegraf from bucket')
+ cy.getByTitle('Telegraf Configuration Description')
+ .clear()
+ .type('This is a telegraf description')
+ cy.getByTestID('next').click()
+
+ //assert notifications
+ cy.getByTestID('notification-success').should(
+ 'contain',
+ 'Your configurations have been saved'
+ )
+ cy.getByTestID('notification-success').should(
+ 'contain',
+ 'Successfully created dashboards for telegraf plugin: system.'
+ )
+ cy.getByTestID('next').click()
+
+ //assert telegraf card parameters
+ cy.getByTestID('collector-card--name').should(
+ 'contain',
+ 'Telegraf from bucket'
+ )
+ cy.getByTestID('resource-list--editable-description').should(
+ 'contain',
+ 'This is a telegraf description'
+ )
+ cy.getByTestID('bucket-name').should('contain', 'defbuck')
+ })
  })
 })