chore: add samplecode

Author: Dobromir Hristov

src/components/DocumentationTopic/TopicsLinkCardGridItem.vue

@@ -37,10 +37,11 @@ import TopicTypeIcon from 'docc-render/components/TopicTypeIcon.vue';
 import { TopicRole } from '@/constants/roles';
 
 export const ROLE_LINK_TEXT = {
-  [TopicRole.article]: 'Read Article',
-  [TopicRole.overview]: 'Start Tutorial',
-  [TopicRole.collection]: 'View API Collection',
-  [TopicRole.symbol]: 'View Symbol',
+  [TopicRole.article]: 'Read article',
+  [TopicRole.overview]: 'Start tutorial',
+  [TopicRole.collection]: 'View API collection',
+  [TopicRole.symbol]: 'View symbol',
+  [TopicRole.sampleCode]: 'View sample code',
 };
 
 export default {

tests/unit/components/DocumentationTopic/TopicsLinkCardGridItem.spec.js

@@ -141,6 +141,9 @@ describe('TopicsLinkCardGridItem', () => {
     // symbol
     wrapper.setProps({ item: { ...defaultProps.item, role: TopicRole.symbol } });
     expect(card.props('linkText')).toBe(ROLE_LINK_TEXT[TopicRole.symbol]);
+    // sampleCode
+    wrapper.setProps({ item: { ...defaultProps.item, role: TopicRole.sampleCode } });
+    expect(card.props('linkText')).toBe(ROLE_LINK_TEXT[TopicRole.sampleCode]);
     // other
     wrapper.setProps({ item: { ...defaultProps.item, role: TopicRole.link } });
     expect(card.props('linkText')).toBe('Learn more');