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
To try the application, first install Visual Studio 2015 Community and Starcounter.
Download the code from this repo, build it and run it in Visual Studio. Then, go to http://localhost:8080/KitchenSink
in your web browser.
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 (Microsoft WebDriver (Edge), Google ChromeDriver (Chrome) and Mozilla GeckoDriver (Firefox)) using the instructions at http://starcounter.io/guides/web/acceptance-testing-with-selenium/#install-selenium-standalone-server-and-browser-drivers
- Add path to the folder with drivers to system path on your computer
- Start Selenium Remote Driver:
java -jar selenium-server-standalone-3.*.jar
- Open
KitchenSink.sln
in Visual Studio and enable Test Explorer (Test > Window > Test Explorer) - You need to install NUnit 3 Test Adapter in VS addon window in order to see tests in Test Explorer window
- Start the KitchenSink app
- 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".
- Start Selenium Remote Driver:
java -jar selenium-server-standalone-3.*.jar
- Build the solution (build.bat)
- Run the KitchenSink app (run.bat)
- Start the KitchenSink.Test runner (test.bat)
- Install Node.js.
- Run
npm install
to install all dependencies. - Run
grunt package
to generate a packaged version. You can usegrunt package:minor
,grunt package:major
,grunt package --setversion=1.0.0-develop.0
, etc. as grunt-bump
MIT