Merge branch 'release/2020-10'

Author: herflis

.eslintrc.js

@@ -87,7 +87,8 @@ module.exports = {
     'no-var': 'error',
     'prefer-const': 'error',
     'prefer-spread': 'error',
-    'no-shadow': 'error',
+    'no-shadow': 'off',
+    '@typescript-eslint/no-shadow': ['error'],
     '@typescript-eslint/no-useless-constructor': 'error',
     'prefer-template': 'error',
     'prefer-destructuring': ['error', { array: false, object: true }],

apps/sensenet/cypress/CONTRIBUTING.md

@@ -1,3 +1,7 @@
+> If you are here because of Hacktoberfest, please check [hacktoberfest.sensenet.com](https://hacktoberfest.sensenet.com/) first.
+
+ <br />
+
 # Contribution guide for End-to-End testing
 
 This guide is about how to write and run End-to-End (E2E) tests for a feature or a component in sensenet's admin ui. We are using Cypress for E2E testing, if you are not familiar with it, check the following docs to get started:
@@ -84,6 +88,8 @@ As it is mentioned above the Cypress related configurations are stored in the cy
 
     These are the roles what you can use for testing pusposes. In every test case we indicated in what role the particular test should running. You can find the secret keys for the roles on your [profile page](https://profile.sensenet.com/) after login.
 
+![configurations](./config.png)
+
 ## What requires an E2E Test?
 
 - Test case issues in [sn-client Github repository](https://github.com/SenseNet/sn-client) marked with the **labels** test and **hacktoberfest**. There's also a dedicated board for Hacktoberfest issues [here](https://github.com/orgs/SenseNet/projects/7).

apps/sensenet/cypress/config.png

@@ -0,0 +1,23 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+describe('Content types', () => {
+  beforeEach(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+      .get('[data-test="Content Types"]')
+      .click()
+    cy.get('.ReactVirtualized__Table__Grid').scrollTo('bottom')
+    cy.xpath('//div[text()="Article"]').scrollIntoView({ duration: 500 }).as('articleRow')
+  })
+
+  it('clicking on the content types menu item should show article', () => {
+    cy.get('@articleRow').should('be.visible')
+  })
+
+  it('double clicking on article should open binary editor', () => {
+    cy.get('@articleRow').dblclick()
+    cy.get('div').contains('Article').should('be.visible')
+    cy.get('.monaco-editor').should('be.visible')
+    cy.get('[data-test="cancel"]').click()
+  })
+})

apps/sensenet/cypress/integration/content-types/content-types.spec.ts

@@ -0,0 +1,29 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+const repoUrl = Cypress.env('repoUrl')
+
+describe('Dashboard', () => {
+  before(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl } }))
+  })
+  it('Header should contains the url of the current repository.', () => {
+    cy.get('[data-test="sensenet-header"]').contains(repoUrl)
+  })
+
+  it(`should have title`, () => {
+    cy.get('[data-test="app-header"]').contains(/Welcome to your [a-z0-9]+ project/)
+  })
+
+  it('Subscription section should have the Developer plan text and features list', () => {
+    cy.get('[data-test="feature-users"]').contains(/[0-3] users/)
+    cy.get('[data-test="feature-content"]').contains(/([0-9]|[1-8][0-9]|9[0-9]|[1-4][0-9]{2}|500) content/)
+    cy.get('[data-test="feature-storage-space"]').contains(/[0-1] GB storage space/)
+  })
+
+  it('Current usage section should have correct usage info.', () => {
+    cy.get('[data-test="usage-users"]').contains(/[0-3] of 3 used/)
+    cy.get('[data-test="usage-contents"]').contains(/[0-9]|[1-8][0-9]|9[0-9]|[1-4][0-9]{2}|500 of 500 used/)
+    cy.get('[data-test="usage-storage-space"]').contains(/[0-1] of 1 GB used/)
+  })
+})

apps/sensenet/cypress/integration/dashboard/dashboard.spec.ts

@@ -0,0 +1,23 @@
+import { globals } from '../../../src/globalStyles'
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+describe('Drawer', () => {
+  beforeEach(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+  })
+
+  it('clicking on the hamburger menu icon should open the drawer', () => {
+    cy.get('[data-test="drawer-expandcollapse-button"]').click()
+
+    cy.get('[data-test="drawer"]').should('have.css', 'width', `${globals.common.drawerWidthExpanded}px`)
+  })
+
+  it('clicking on the X icon should close the extended view of the drawer', () => {
+    cy.get('[data-test="drawer-expandcollapse-button"]').click()
+
+    cy.get('[data-test="drawer-expandcollapse-button"]').click()
+
+    cy.get('[data-test="drawer"]').should('have.css', 'width', `${globals.common.drawerWidthCollapsed}px`)
+  })
+})

apps/sensenet/cypress/integration/drawer/drawer.spec.ts

@@ -0,0 +1,57 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+describe('Drawer menu icons', () => {
+  beforeEach(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+  })
+
+  it('clicking on the Search icon on the drawer should open the Search page', () => {
+    cy.get('[data-test="Search"]').as('searchIcon')
+    cy.get('@searchIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@searchIcon').click()
+    cy.get('@searchIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the content icon on the drawer should open the Content page', () => {
+    cy.get('[data-test="Content"]').as('contentIcon')
+    cy.get('@contentIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@contentIcon').click()
+    cy.get('@contentIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the Users and groups icon on the drawer should open the Users and groups page', () => {
+    cy.get('[data-test="Users and groups"]').as('UsersAndGroupsIcon')
+    cy.get('@UsersAndGroupsIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@UsersAndGroupsIcon').click()
+    cy.get('@UsersAndGroupsIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the Trash icon on the drawer should open the Trash page', () => {
+    cy.get('[data-test="Trash"]').as('trashIcon')
+    cy.get('@trashIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@trashIcon').click()
+    cy.get('@trashIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the Content Types icon on the drawer should open the Content Types page', () => {
+    cy.get('[data-test="Content Types"]').as('contentTypesIcon')
+    cy.get('@contentTypesIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@contentTypesIcon').click()
+    cy.get('@contentTypesIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the Localization icon on the drawer should open the Localization page', () => {
+    cy.get('[data-test="Localization"]').as('localizationIcon')
+    cy.get('@localizationIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@localizationIcon').click()
+    cy.get('@localizationIcon').should('have.class', 'Mui-selected')
+  })
+
+  it('clicking on the Setup icon on the drawer should open the Setup page', () => {
+    cy.get('[data-test="Setup"]').as('setupIcon')
+    cy.get('@setupIcon').should('not.have.class', 'Mui-selected')
+    cy.get('@setupIcon').click()
+    cy.get('@setupIcon').should('have.class', 'Mui-selected')
+  })
+})

apps/sensenet/cypress/integration/drawer/drawerActiveStates.spec.ts

@@ -0,0 +1,46 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+describe('Localization', () => {
+  beforeEach(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+      .get('[data-test="Localization"]')
+      .click()
+  })
+
+  it('should contain a row with ActionResources.xml', () => {
+    cy.get('.MuiTableCell-root div')
+      .contains('ActionResources.xml')
+      .should('have.text', 'ActionResources.xml')
+      .click({ force: true })
+      .parents('[role="row"]')
+      .get('.MuiCheckbox-root')
+      .should('have.class', 'Mui-checked')
+  })
+
+  it('should have the correct items in the right click menu', () => {
+    cy.get('.MuiTableCell-root div').contains('ActionResources.xml').rightclick({ force: true })
+
+    const expectedMenuItems = ['Download', 'Browse']
+
+    cy.get('[role="presentation"] li')
+      .should('have.length', expectedMenuItems.length)
+      .each(($el) => {
+        expect(expectedMenuItems).to.include($el.text())
+      })
+
+    cy.get('[role="presentation"] [aria-hidden="true" ]:first').click({ force: true })
+
+    cy.get('[role="presentation"] li').should('not.exist')
+  })
+
+  it('should open a binary editor with the content of the item on double click', () => {
+    cy.get('.MuiTableCell-root div').contains('ActionResources.xml').dblclick({ force: true })
+
+    cy.get('[data-test="editor-title"]').should('have.text', 'ActionResources.xml')
+
+    cy.get('button[aria-label="Cancel"]').click()
+
+    cy.get('[data-test="editor-title"]').should('not.exist')
+  })
+})

apps/sensenet/cypress/integration/localization/localization.spec.ts

@@ -0,0 +1,53 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+context('AddNew Menu', () => {
+  before(() => cy.clearCookies({ domain: null } as any))
+
+  beforeEach(() => {
+    cy.login()
+  })
+
+  it('should open a dropdown with the list of allowed child types', () => {
+    const dropdownItems = [
+      'Folder',
+      'Document Library',
+      'Image Library',
+      'Event List',
+      'Memo List',
+      'Link List',
+      'Task list',
+      'Custom List',
+      'Workspace',
+      'System Folder',
+      'Demo Workspace',
+      'Image',
+    ]
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+      .get('a[href="/content/explorer/"]')
+      .click()
+      .get('button[data-test="add-button"]')
+      .click()
+      .get('[data-test="listitem"]')
+      .each(($span) => {
+        const text = $span.text()
+        if (text) {
+          expect(dropdownItems).to.include(text)
+        }
+      })
+  })
+
+  it('should display an editor of new content and AddNew button should be disabled after selection', () => {
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+      .get('a[href="/content/explorer/"]')
+      .click()
+      .get('button[data-test="add-button"]')
+      .click()
+      .get('[data-test="listitem"]')
+      .first()
+      .click()
+      .get('span[data-test="viewtitle"]')
+      .should('have.text', 'New Folder')
+
+    cy.get('button[data-test="add-button"][disabled]').should('exist')
+  })
+})

apps/sensenet/cypress/integration/ui/addNewMenu.spec.ts

@@ -0,0 +1,18 @@
+import { pathWithQueryParams } from '../../../src/services/query-string-builder'
+
+describe('Logo Navigation Test', () => {
+  beforeEach(() => {
+    cy.login()
+    cy.visit(pathWithQueryParams({ path: '/', newParams: { repoUrl: Cypress.env('repoUrl') } }))
+  })
+
+  it('should go to Root on click of Logo', () => {
+    cy.get('a[href="/content/explorer/"]').click()
+    cy.get('[data-test="sensenet-logo"]')
+      .click()
+      .location()
+      .should((loc) => {
+        expect(loc.pathname).to.eq('/')
+      })
+  })
+})