Skip to content

Commit bde7575

Browse files
author
Sami Kolari
committed
site2.0: resoures to separate files outside localisations
1 parent 1cafbe9 commit bde7575

File tree

13 files changed

+611
-595
lines changed

13 files changed

+611
-595
lines changed

src/assets/img/gmail.png

14.7 KB
Loading

src/assets/img/rf-logo-black.png

5.15 KB
Loading

src/assets/img/slack.png

38 KB
Loading

src/components/ResourceBox.vue

+6-7
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
<div class="bg-grey-dark color-white">
33
<div class="row p-medium">
44
<button
5-
v-for="{ name } in $tm('resources.content')"
5+
v-for="{ name, contentKey } in $tm('resources.tabs')"
66
:key="name"
77
class="type-uppercase mr-medium theme-button"
8-
:class="activeTab === name ? 'active' : ''"
9-
@click="activeTab = name">
8+
:class="activeTab === contentKey ? 'active' : ''"
9+
@click="activeTab = contentKey">
1010
{{ name }}
1111
</button>
1212
</div>
@@ -139,11 +139,10 @@ export default {
139139
]
140140
},
141141
selectedTab() {
142-
return this.$tm('resources.content')
143-
.find(({ name }) => name === this.activeTab)
142+
return this.$tm(`resourcesList.${this.activeTab}`)
144143
},
145144
visibleItems() {
146-
const filtered = this.selectedTab.items
145+
const filtered = this.selectedTab
147146
.filter((item) => !this.tagFilterExactMatch || (item.tags && item.tags.some((tag) => tag.toLowerCase() === this.filterInput.toLowerCase())))
148147
if (this.sortBy === 'default') {
149148
return [
@@ -169,7 +168,7 @@ export default {
169168
}
170169
},
171170
created() {
172-
this.activeTab = this.$tm('resources.content')[0].name
171+
this.activeTab = this.$tm('resources.tabs')[0].contentKey
173172
},
174173
watch: {
175174
activeTab() {
File renamed without changes.

src/content/en.js

+126
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
export default () => ({
2+
newsBanner: '🎉 RF 4.0 is out! <a href="www.google.com">Click here</a> for release notes',
3+
navbar: {
4+
items: [
5+
'Introduction',
6+
'Getting started',
7+
'Community',
8+
'Resources'
9+
],
10+
dropdownName: 'Links',
11+
dropdown: [
12+
{
13+
name: 'Github',
14+
url: 'https://github.com/robotframework/robotframework',
15+
description: 'Source code + issues'
16+
},
17+
{
18+
name: 'Forum',
19+
url: 'http://forum.robotframework.org/',
20+
description: 'Discuss Robot Framework'
21+
},
22+
{
23+
name: 'Foundation',
24+
url: 'https://robotframework.org/foundation/',
25+
description: 'Support the development'
26+
},
27+
{
28+
name: 'Robocon',
29+
url: 'https://robocon.io/',
30+
description: 'Annual conference'
31+
},
32+
{
33+
name: 'Shop',
34+
url: 'https://reddyshop.co/robotframework/',
35+
description: 'Support the development'
36+
},
37+
{
38+
name: 'RPA',
39+
url: 'https://robotframework.org/rpa/',
40+
description: 'RPA stuff'
41+
}
42+
]
43+
},
44+
introduction: {
45+
title: 'Introduction',
46+
body:
47+
`Robot Framework is a generic open source automation framework.
48+
It can be used for test automation and robotic process automation (RPA).<br><br>
49+
50+
Robot Framework is actively supported, with many industry-leading companies using
51+
it in their software development.<br><br>
52+
53+
Robot Framework is open and extensible and can be integrated with virtually any
54+
other tool to create powerful and flexible automation solutions. Being open source
55+
also means that Robot Framework is free to use without licensing costs. Robot Framework
56+
has easy syntax, utilizing human-readable keywords. Its capabilities can be extended
57+
by libraries implemented with Python or Java. The framework has a rich ecosystem
58+
around it, consisting of libraries and tools that are developed as separate projects.`,
59+
companies: [
60+
{
61+
name: 'ABB',
62+
description: 'ABB is using Robot Framework in software development for testing distribution automation related configuration tools, web interfaces and embedded devices.',
63+
imgName: 'ABB.svg'
64+
},
65+
{
66+
name: 'Cisco',
67+
description: 'Cisco’s Customer Experience (CX) supports the testing & validation of Cisco and 3rd party solutions deployed by our customers. This includes Solution Validation Services (SVS) delivered both on Cisco-premise and customer-premise.',
68+
imgName: 'Cisco.svg'
69+
},
70+
{
71+
name: 'Condé Nast',
72+
description: 'Condé Nast <a href="https://technology.condenast.com/story/automated-testing-qa-brand-sites-robot-framework">transformed their quality assurance for their brand sites,</a> such as Brides, Wired and Architectural Digest, from an entirely manual process to automated one with Robot Framework.',
73+
imgName: 'Condé_Nast.svg'
74+
},
75+
{
76+
name: 'KONE',
77+
description: 'KONE is widely using Robot Framework in software development for testing embedded systems in elevators and escalators.',
78+
imgName: 'Kone.svg'
79+
}
80+
]
81+
},
82+
gettingStarted: {
83+
title: 'Getting Started',
84+
body:
85+
`Robot Framework is open and extensible and can be integrated with virtually any other
86+
tool to create powerful and flexible automation solutions. Being open source also means
87+
that Robot Framework is free to use without licensing costs. Robot Framework has easy
88+
syntax, utilizing human-readable keywords. Its capabilities can be extended by libraries
89+
implemented with Python or Java.`
90+
},
91+
community: {
92+
title: 'Community',
93+
body:
94+
`Robot Framework has a vibrant community around it with various online forums, annual
95+
RoboCon conference, and meetup groups around the world.`
96+
},
97+
resources: {
98+
title: 'Resources',
99+
body:
100+
'If you want to add your library here, make a PR.',
101+
tabs: [
102+
{
103+
name: 'Libraries',
104+
contentKey: 'libraries',
105+
description: `Libraries provide the actual automation and testing capabilities to
106+
Robot Framework by providing keywords. Several standard libraries are bundled with
107+
the framework, and there are separately developed external libraries galore that
108+
can be installed based on your needs. Creating your own libraries is a breeze.`
109+
},
110+
{
111+
name: 'Tools',
112+
contentKey: 'tools',
113+
description: `Supporting tools ease automation: editing, running, building and so on.
114+
Most of these tools are developed as separate projects, but some are built into the framework itself.`
115+
},
116+
{
117+
name: 'Learning',
118+
contentKey: 'learning',
119+
description: `Want to get started? Looking for a way to do things? Here are the most
120+
important documentation resources needed to work with Robot Framework. Notice that
121+
individual libraries and tools in the ecosystem have their own documentation that
122+
is typically accessed via their project pages.`
123+
}
124+
]
125+
}
126+
})

src/content/index.js

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import en from './en.js'
2+
import de from './de.js'
3+
4+
import libraries from './libraries.js'
5+
import tools from './tools.js'
6+
import learning from './learning.js'
7+
8+
export {
9+
en,
10+
de,
11+
12+
libraries,
13+
tools,
14+
learning
15+
}

src/content/learning.js

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
export default () => ([
2+
{
3+
name: 'Installation Instructions',
4+
description: 'If you are familiar with Python and pip, just run pip install robotframework. Notice that external libraries and tools need to be installed separately.',
5+
tags: ['getting started']
6+
},
7+
{
8+
name: 'User Guide',
9+
description: 'Reference manual explaining all Robot Framework features in detail.',
10+
tags: ['documentation']
11+
},
12+
{
13+
name: 'Public API',
14+
description: 'Public API for writing your own tools against Robot Framework.',
15+
tags: ['documentation']
16+
},
17+
{
18+
name: 'Introduction Slides',
19+
description: 'Generic Robot Framework introduction slides.',
20+
tags: ['getting started']
21+
},
22+
{
23+
name: 'How to write good test cases',
24+
description: 'Guidelines for writing good test cases using Robot Framework.',
25+
tags: ['getting started']
26+
},
27+
{
28+
name: 'RPA tutorials',
29+
description: 'Robocorp RPA tutorials, courses, and guidelines',
30+
tags: ['getting started', 'rpa']
31+
},
32+
{
33+
name: 'Quick Start Guide',
34+
description: 'Introduces the most important features of Robot Framework and acts as an executable demo.',
35+
tags: ['getting started']
36+
},
37+
{
38+
name: 'Dos And Don\'ts',
39+
description: 'Slide set loosely based on \'How to write good test cases\' guidelines.',
40+
tags: ['getting started']
41+
},
42+
{
43+
name: 'Web Demo',
44+
description: 'Demonstrates how to create tests and higher level keywords. The system under test is a simple web page that is tested using SeleniumLibrary.',
45+
tags: ['demo']
46+
},
47+
{
48+
name: 'Robot Demo',
49+
description: 'Demonstrates how to create tests and test libraries. The system under test is a simple calculator that is tested using a custom library.',
50+
tags: ['demo']
51+
},
52+
{
53+
name: 'ATDD with Robot Framework',
54+
description: 'How to use Robot Framework for Acceptance Test Driven Development (ATDD) a.k.a. Specification by Example.',
55+
tags: ['demo']
56+
},
57+
{
58+
name: 'Using C with Robot Framework',
59+
description: 'This simple example demonstrates how to use C language from Robot Framework test libraries.',
60+
tags: ['demo']
61+
},
62+
{
63+
name: 'Robot Framework RPA example projects',
64+
description: 'A library of sample RPA projects and code snippets built on Robot Framework',
65+
tags: ['demo', 'rpa']
66+
},
67+
{
68+
name: 'Remote interface demo',
69+
description: 'Example demonstrates how to use Robot Framework\'s <a href="https://github.com/robotframework/RemoteInterface">Remote interface</a> to call test libraries written in any programming language.',
70+
tags: ['demo']
71+
},
72+
{
73+
name: 'Robot Framework katas',
74+
description: 'Series of exercises and examples how to get started with test automation. No prior knowledge of test automation required.',
75+
tags: ['demo']
76+
}
77+
])

0 commit comments

Comments
 (0)