@kalisio/kdk 1.4.0 → 1.5.1

package/extras/testcafe/page-models/core/organisations.js

@@ -1,76 +0,0 @@
-import { Selector } from 'testcafe'
-import VueSelector from 'testcafe-vue-selectors'
-import BaseCollection from './base-collection'
-import Layout from './layout'
-
-export default class Organisations extends BaseCollection {
-  constructor () {
-    super('organisationsGrid', 'QCard')
-    this.layout = new Layout()
-    // Organisation editor 
-    this.editorNameField = VueSelector('k-text-field').nth(0)
-    this.editoDescriptionField = VueSelector('k-text-field').nth(1)
-  }
-
-  static get ENTRY () {
-    return 'my-organisations'
-  }
-
-  static get PROPERTIES_ENTRY () {
-    return 'edit-organisation'
-  }
-
-  static get MEMBERS_ENTRY () {
-    return 'organisation-members'
-  }
-
-  static get TAGS_ENTRY () {
-    return 'organisation-tags'
-  }
-
-  static get GROUPS_ENTRY () {
-    return 'organisation-groups'
-  }
-
-  async goTo (test, name, route, wait = Organisations.LONG_WAIT) {
-    await this.clickAction(test, name, route, wait)
-  }
-
-  async goToMembers (test, name) {
-    await this.goTo(test, name, Organisations.MEMBERS_ENTRY)
-  }
-
-  async goToTags (test, name) {
-    await this.goTo(test, name, Organisations.TAGS_ENTRY)
-  }
-
-  async goToGroups (test, name) {
-    await this.goTo(test, name, Organisations.GROUPS_ENTRY)
-  }
-
-  async create (test, name, description) {
-    await this.layout.clickFab(test, 'create-organisation')
-    await test
-      .typeText(this.editorNameField, name, { replace: true })
-      .typeText(this.editoDescriptionField, description, { replace: true })
-      .click(Selector('.q-dialog #apply-button'))
-      .wait(Organisations.EXTRA_LONG_WAIT)
-  }
-
-  async edit (test, name, data) {
-    await this.clickAction(test, name, 'edit-organisation', Organisations.LONG_WAIT)
-    await test
-      .typeText(this.editorNameField, data.name, { replace: true })
-      .typeText(this.editoDescriptionField, data.description, { replace: true })
-      .click(Selector('.q-dialog #apply-button'))
-      .wait(Organisations.EXTRA_LONG_WAIT)
-  }
-
-  async delete (test, name) {
-    await this.clickAction(test, name, 'remove-organisation')
-    await test
-      .typeText(Selector('.q-dialog-plugin input[type=text]'), name)
-      .click(Selector('.q-dialog-plugin button').nth(1))
-      .wait(Organisations.EXTRA_LONG_WAIT)
-  }
-}

package/extras/testcafe/page-models/core/screens.js

@@ -1,99 +0,0 @@
-import { Selector } from 'testcafe'
-import VueSelector from 'testcafe-vue-selectors'
-import BasePage from './base-page'
-
-export default class Screens extends BasePage {
-  constructor () {
-    super()
-    // Login Screen
-    this.loginScreen = VueSelector('k-login k-screen')
-    this.emailInput = VueSelector('k-login k-email-field')
-    this.passwordInput = VueSelector('k-login k-password-field')
-    this.loginLocalButton = Selector('#local')
-    this.loginGoogleButton = Selector('#google')
-    this.emailInputGoogle = Selector('input[type=email]')
-    this.nextEmailGoogle = Selector('#identifierNext')
-    this.passwordInputGoogle = Selector('input[type=password]')
-    this.signInGoogle = Selector('#passwordNext')
-    this.loginGitHubButton = Selector('#github')
-    this.emailInputGitHub = Selector('input[type=text]')
-    this.passwordInputGitHub = Selector('input[type=password]')
-    this.signInGitHub = Selector('input[type=submit]')
-    this.authorizeGitHub = Selector('button[type=submit]')
-    this.registerLink = Selector('#register-link')
-    // Logout screen
-    this.logoutScreen = VueSelector('k-logout k-screen')
-    // Register screen
-    this.registerScreen = VueSelector('k-register k-screen')
-    this.registerNameInput = VueSelector('k-register k-text-field')
-    this.registerEmailInput = VueSelector('k-register k-email-field')
-    this.registerPasswordInput = VueSelector('k-register k-password-field').nth(0)
-    this.registerConfirmPasswordInput = VueSelector('k-register k-password-field').nth(1)
-    this.registerAcceptTerms = VueSelector('k-register k-toggle-field').find('.q-toggle')
-    this.registerButton = Selector('button[type=button]').nth(0)
-    // Register/Logout screens
-    this.loginLink = Selector('#login-link')
-  }
-
-  // Login screen functions
-  async goToLoginScreen (test) {
-    await test.click(this.loginLink)
-  }
-
-  async login (test, credentials) {
-    await test
-      .typeText(this.emailInput, credentials.email, { replace: true })
-      .typeText(this.passwordInput, credentials.password, { replace: true })
-      .click(this.loginLocalButton)
-      // Need this so that we are sure dynamic components, user, etc. have been loaded
-      .wait(5000)
-  }
-
-  async loginGoogle (test) {
-    await test
-      .click(this.loginGoogleButton)
-      .typeText(this.emailInputGoogle, process.env.GOOGLE_USER, { replace: true })
-      .click(this.nextEmailGoogle)
-      // Need this so that we are sure google login page is loaded
-      .wait(2000)
-      .typeText(this.passwordInputGoogle, process.env.GOOGLE_PASSWORD, { replace: true })
-      .click(this.signInGoogle)
-      // Need this so that we are sure google page is loaded & dynamic components, user, etc. have been loaded
-      .wait(5000)
-  }
-
-  async loginGitHub (test) {
-    await test
-      .click(this.loginGitHubButton)
-      .typeText(this.emailInputGitHub, process.env.GITHUB_USER, { replace: true })
-      .typeText(this.passwordInputGitHub, process.env.GITHUB_PASSWORD, { replace: true })
-      .click(this.signInGitHub)
-      // Need this so that we are sure github authorize page or user has been loaded
-      .wait(5000)
-      // Check if we need to authorize the app
-    const authorize = await this.authorizeGitHub()
-    if (authorize) {
-      await test
-        .click(this.authorizeGitHub)
-      // Need this so that we are sure dynamic components, user, etc. have been loaded
-        .wait(5000)
-    }
-  }
-
-  // Register screen functions
-  async goToRegisterScreen (test) {
-    await test.click(this.registerLink)
-  }
-
-  async register (test, identity) {
-    await test
-      .typeText(this.registerNameInput, identity.name, { replace: true })
-      .typeText(this.registerEmailInput, identity.email, { replace: true })
-      .typeText(this.registerPasswordInput, identity.password, { replace: true })
-      .typeText(this.registerConfirmPasswordInput, identity.password, { replace: true })
-      .click(this.registerAcceptTerms)
-      .click(this.registerButton)
-      // Need this so that we are sure dynamic components, user, etc. have been loaded
-      .wait(5000)
-  }
-}

package/extras/testcafe/page-models/core/tags.js

@@ -1,21 +0,0 @@
-import { Selector } from 'testcafe'
-import VueSelector from 'testcafe-vue-selectors'
-import BaseCollection from './base-collection'
-
-export default class Tags extends BaseCollection {
-  constructor () {
-    super('tagsGrid', 'QCard')
-  }
-
-  async title (name) {
-    return this.tags.withText(name).find('.text-subtitle1').innerText
-  }
-
-  async edit (test, name, data) {
-    await this.clickAction(test, name, 'edit-tag')
-    await test
-      .typeText(VueSelector('k-text-field').nth(0), data.name, { replace: true })
-      .click(Selector('.q-dialog #apply-button'))
-      .wait(2000)
-  }
-}

package/extras/testcafe/page-models/map/add-layer.js

@@ -1,51 +0,0 @@
-import { Selector, t } from 'testcafe'
-import BasePage from '../core/base-page'
-
-export default class AddLayer extends BasePage {
-  constructor () {
-    super()
-
-    this.dialog = Selector('.q-dialog')
-  }
-
-  async importLayer (file, featureId) {
-    await t
-      .click(this.dialog.find('#import-layer'))
-      .setFilesToUpload(this.dialog.find('#file-field'), file)
-      .click(this.dialog.find('#featureId-field'))
-      .wait(1000)
-      .click(Selector('.q-menu').find(`#${featureId}`))
-      .wait(1000)
-      .click(this.dialog.find('#import-layer-action'))
-      .wait(1000)
-  }
-
-  async connectLayer (service, layerId) {
-    await t
-      .click(this.dialog.find('#connect-layer'))
-      .typeText(this.dialog.find('#service-field'), service)
-      .pressKey('enter')
-      .wait(5000) // Need to wait for capabilities parsing
-      .click(this.dialog.find('#layer-field'))
-      .wait(500)
-      // Selection based on text content does not seem to work
-      .click(Selector('.q-menu').find(`#${layerId}`))
-      .wait(1000)
-      .click(this.dialog.find('#connect-layer-action'))
-      .wait(1000)
-  }
-
-  async createLayer (layer, schema, featureId) {
-    await t
-      .click(this.dialog.find('#create-layer'))
-      .typeText(this.dialog.find('#name-field'), layer)
-      .typeText(this.dialog.find('#description-field'), `${layer} description`)
-      .setFilesToUpload(this.dialog.find('#schema-field'), schema)
-      .click(this.dialog.find('#featureId-field'))
-      .wait(1000)
-      .click(Selector('.q-menu').find(`#${featureId}`))
-      .wait(1000)
-      .click(this.dialog.find('#create-layer-action'))
-      .wait(1000)
-  }
-}

package/extras/testcafe/page-models/map/catalog.js

@@ -1,132 +0,0 @@
-import { Selector, t } from 'testcafe'
-import VueSelector from 'testcafe-vue-selectors'
-import BasePage from '../core/base-page'
-
-export default class Catalog extends BasePage {
-  constructor () {
-    super()
-    this.catalog = VueSelector('k-catalog')
-    this.categories = VueSelector('k-catalog QExpansionItem')
-    this.layers = VueSelector('k-catalog QCard')
-  }
-  
-  // Categories
-  async getCategoryElement (category) {
-    const categoryId = 'KCatalogPanel.' + category
-    const categoriesCount = await this.categories.count
-    let categoryEl = null
-    for (let i = 0; i < categoriesCount; ++i) {
-      if (!categoryEl) {
-        const cat = this.categories.nth(i)
-        const id = await cat.id
-        if (id === categoryId) categoryEl = cat
-      }
-    }
-    if (!categoryEl) throw new Error(`Catalog category '${category}' not found !`)
-    return categoryEl
-  }
-  
-  async getCategory (category) {
-    const categoryEl = await this.getCategoryElement(category)
-    const categoryVue = await categoryEl.getVue()
-    return categoryVue
-  }
-
-  async clickCategory (test, category, state) {
-    const categoryEl = await this.getCategoryElement(category)
-    await test
-      .click(categoryEl.find('.q-item'))
-    const categoryVue = await categoryEl.getVue()
-    await test
-      .expect(categoryVue.state.showing).eql(state)
-  }
-
-  async checkCategoryExpanded (test, category, state) {
-    const categoryVue = await this.getCategory(category)
-    await test
-      .expect(categoryVue.state.showing).eql(state)
-  }
-
-  async manageCategories (test) {
-    await test
-      .click(VueSelector('k-catalog #manage-layer-categories'))
-  }
-
-  // layers
-  async getLayerElement (layer) {
-    const layersCount = await this.layers.count
-    let layerEl = null
-    for (let i = 0; i < layersCount; ++i) {
-      if (!layerEl) {
-        const lay = this.layers.nth(i)
-        const id = await lay.id
-        if (id === layer) layerEl = lay
-      }
-    }
-    if (!layerEl) throw new Error(`Catalog layer '${layer}' not found !`)
-    return layerEl
-  }
-
-  async getLayer (layer) {
-    const layerEl = await this.getLayerElement(layer)
-    const layerVue = await layerEl.getVue()
-    return layerVue
-  }
-
-  async clickLayer (test, layer) {
-    const layerEl = await this.getLayerElement(layer)
-    await test
-      .click(layerEl)
-  }
-
-  async clickLayerAction (test, layer, action) {
-    const layerEl = await this.getLayerElement(layer)
-    await test
-      .click(layerEl.find('#layer-actions'))
-      .click(Selector('.q-menu').find(`#${action}`))
-  }
-
-  async checkLayerDisabled (test, layer, state) {
-    const layerVue = await this.getLayer(layer)
-    await test
-      .expect(layerVue.props.disable).eql(state)
-  }
-
-  async checkLayerActive (test, layer, state) {
-    const layerVue = await this.getLayer(layer)
-    await test
-      .expect(layerVue.props.active).eql(state)
-  }
-
-  // Meteo models
-  async getMeteoModel (model) {
-    return Selector('.q-menu').find(`#${model}`)
-  }
-
-  async clickForecastMode (test, mode) {
-    const item = await this.getForecastMode(mode)
-    await test
-      .click(item)
-      .expect(item.getVue(({ computed }) => computed.isActive)).ok(`forecast mode '${mode}' isn't active`)
-  }
-
-  async clickForecast () {
-    await this.clickForecastMode('forecast')
-  }
-
-  async clickArchives () {
-    await this.clickForecastMode('archive')
-  }
-
-  async selectMeteoModel (model) {
-    const select = VueSelector('k-catalog k-weather-layers-selector QSelect')
-    await t.click(select)
-    const entry = await this.getMeteoModel(model)
-    const label = await Selector(entry).child('.q-item__section--main').child(0).innerText
-    await t
-      .click(entry)
-    // robin: test may fail here, in that case, chrome was probably out of focus
-    // try again and let chrome window focused ...
-      .expect(select.getVue(({ computed }) => computed.selectedString)).eql(label, `meteo model '${model}' isn't selected`)
-  }
-}

package/extras/testcafe/page-models/map/index.js

@@ -1,36 +0,0 @@
-import { ClientFunction } from 'testcafe'
-import Timeline from './timeline'
-import MapActivity from './map-activity'
-import Catalog from './catalog'
-import AddLayer from './add-layer'
-
-export { Timeline }
-export { MapActivity }
-export { Catalog }
-export { AddLayer }
-
-// Mock Geolocation API that does not work well in headless browsers
-// See https://github.com/DevExpress/testcafe/issues/1991
-export const mockLocationAPI = ClientFunction(() => {
-  navigator.geolocation.getCurrentPosition = (f) => f({
-    coords: {
-      latitude: 43.2996151,
-      longitude: 1.9287062
-    },
-    timestamp: Date.now()
-  })
-})
-
-export const getLayers = ClientFunction(() => {
-  const globalCatalogService = window.$api.getService('catalog', '')
-  const catalogService = window.$api.getService('catalog')
-
-  const p = []
-
-  // We get layers coming from global catalog first if any
-  if (globalCatalogService) p.push(globalCatalogService.find())
-  // Then we get layers coming from contextual catalog if any
-  if (catalogService && (catalogService !== globalCatalogService)) p.push(catalogService.find())
-
-  return Promise.all(p).then((responses) => responses.flatMap(r => r.data))
-})

package/extras/testcafe/page-models/map/map-activity.js

@@ -1,42 +0,0 @@
-import { Selector } from 'testcafe'
-import BasePage from '../core/base-page'
-import { getCurrentUrl, refresh } from '../core'
-
-export default class MapActivity extends BasePage {
-  constructor () {
-    super()
-    this.map = Selector('#map')
-  }
-
-  async click (test) {
-    await test
-      .click(this.map)
-      .wait(500)
-  }
-
-  async clickAt (test, x, y) {
-    await test
-      .click(this.map, { offsetX: x, offsetY: y })
-      .wait(500)
-  }
-
-  async move (test, dx, dy) {
-    await test
-      .drag(this.map, dx, dy)
-      .click(this.map)
-      .wait(500)
-  }
-
-  async zoomTo (test, bbox) {
-    let url = await getCurrentUrl()
-    // Create URL parser
-    url = new URL(url)
-    // Remove current bbox from URL if any
-    url.hash = url.hash.replace(/[0-9]/g, '')
-    // Then push new one
-    url.hash += '/' + bbox.join('/')
-    await test.navigateTo(url.toString())
-    await refresh()
-    await test.wait(MapActivity.LONG_WAIT)
-  }
-}

package/extras/testcafe/page-models/map/timeline.js

@@ -1,67 +0,0 @@
-import { Selector, t } from 'testcafe'
-import VueSelector from 'testcafe-vue-selectors'
-import BasePage from '../core/base-page'
-
-export default class Timeline extends BasePage {
-  constructor () {
-    super()
-
-    this.opener = Selector('#opener-bottom')
-    this.timeline = VueSelector('k-timeline')
-  }
-
-  async open () {
-    const timeline = Selector(this.timeline, { visibilityCheck: true })
-    await t
-      .click(this.opener)
-      .wait(100)
-      .expect(timeline.exists).ok()
-  }
-
-  async close () {
-    await t
-      .click(this.opener)
-  }
-
-  async isVisible () {
-    const exists = await this.timeline.exists
-    if (!exists) return false
-    return this.timeline.visible
-  }
-
-  getDay (day) {
-    if (day === '+') return this.timeline.find('i.la-calendar-plus')
-    if (day === '-') return this.timeline.find('i.la-calendar-minus')
-    return this.timeline.find('.ellipsis').withExactText(day)
-  }
-
-  getHour (hour) {
-    if (hour === '+') return this.timeline.find('i.la-angle-right')
-    if (hour === '-') return this.timeline.find('i.la-angle-left')
-    return this.timeline.find('.k-timeline-hour-frame').withExactText(hour)
-  }
-
-  getStep (step) {
-    if (step === '+') return this.timeline.find('i.la-step-forward')
-    if (step === '-') return this.timeline.find('i.la-step-backward')
-    return null
-  }
-
-  async clickDay (day) {
-    const button = this.getDay(day)
-    await t
-      .click(button)
-  }
-
-  async clickHour (hour) {
-    const button = this.getHour(hour)
-    await t
-      .click(button)
-  }
-
-  async clickStep (step) {
-    const button = this.getStep(step)
-    await t
-      .click(button)
-  }
-}