Shows how to model different UI patterns in JSON:

• String

  • Text
  • Password
  • Textarea
  • Markdown
  • Html
  • Datepicker
  • Url
  • Redirect

• Number

  • Integer
  • Decimal
  • Button
  • Map

• Boolean

  • Checkbox
  • Button
  • Togglebutton

• Array

  • Radio
  • Dropdown
  • Radiolist
  • Multiselect
  • Table
  • Chart

Requires Starcounter version 2.2.1.2903

Intended for 13 October 2015 webinar: http://starcounter.io/video-expressing-your-ui-in-json-plain-data-binding-advanced-data-binding/

From:

<input type="text" value="{{model.Name$::change}}" placeholder="Name">

To:

<input type="text" value="{{model.Name$::input}}" placeholder="Name">

Before running the steps, you need to:

• Download and install Visual Studio 2015 to run the tests
• Download and install Java, required by Selenium Standalone Server
• Download Selenium Standalone Server and the drivers (Edge and Chrome) using the instructions at http://starcounter.io/guides/web/acceptance-testing-with-selenium/#install-selenium-standalone-server-and-browser-drivers

1. Start Selenium Remote Driver: java -jar selenium-server-standalone-3.0.0-beta3.jar
2. Open KitchenSink.sln in Visual Studio and enable Test Explorer (Test > Window > Test Explorer)
3. Start the KitchenSink app
4. Press "Run all" in Test Explorer
   • If you get an error about some packages not installed, right click on the project in Solution Explorer. Choose "Manage NuGet Packages" and click on "Restore".
5. Don't touch your keyboard or mouse while the tests are being executed :)

1. Start Selenium Remote Driver: java -jar selenium-server-standalone-3.0.0-beta3.jar
2. Go to the solution folder and run nuget restore to make sure you have the test dependencies (listed in test\KitchenSink.Tests\packages.config)

• if you don't have nuget.exe, get it from here

3. Build the solution ('msbuild KitchenSink.sln')
4. Start the KitchenSink app (run.bat)
5. Start the KitchenSink.Test runner (test.bat)
6. Don't touch your keyboard or mouse while the tests are being executed :)

1. Install Node.js.
2. Run npm install to install all dependencies.
3. Run grunt package to generate a packaged version. You can use grunt package:minor, grunt package:major, grunt package --setversion=1.0.0-develop.0, etc. as grunt-bump

MIT