guided tour framework

[remipichon]

• typeText(text)

  • highlight text area/input
  • type char by char, 0.1 delay
  • remove highlight

• scrollTo(CSS selector)

• autoScroll when actions

  • make sure the target is visible)

• diable user scroll while playing

• waitFor(CSS selector or text to search)

• clickOn(CSS selector)

  • highlight target
  • delay (0.3)
  • click

• alert(msg/multiline message, timeout, position{top, left, bottom, up}

  • popup with progress bar to timeout + next button

• startGuidedTour()

  • wipe out data
  • insert init data
    • users
    • Sponge Bob
    • Patrick Star
    • Lego Cheeks
    • Squidward Tentacles
    • teams
    • bob
    • star
    • guest
    • skills/places/categories
    • some dumb stuff
    • 1 or 2 activities + 1 or 2 tasks (just to make lists reevant)