ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add cypress test for read only portfolio

This commit is contained in:
Ramon Wenger 2021-08-05 11:41:57 +02:00
parent 1792fe9bf1
commit dc43b88916
12 changed files with 130 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
client/cypress/integration/frontend/read-only/portfolio.spec.js Normal file
View File

@ -0,0 +1,44 @@
import {getMinimalMe} from '../../../support/helpers';
const getOperations = ({readOnly = false}) => ({
MeQuery: getMinimalMe({readOnly}),
ProjectsQuery: {
projects: {
edges: [
{
node: {
id: 'projectId',
final: false,
student: {
id: 'meId',
},
entriesCount: 3,
},
},
],
},
},
});
describe('Read Only Portfolio', () => {
beforeEach(() => {
cy.setup();
});
it('Can create and edit project', () => {
cy.mockGraphqlOps({operations: getOperations({readOnly: false})});
cy.visit('/portfolio');
cy.getByDataCy('add-project-button').should('exist');
cy.getByDataCy('project-widget').should('have.length', 1);
cy.getByDataCy('project-widget-actions').should('exist');
});
it('Can not create and edit project', () => {
cy.mockGraphqlOps({operations: getOperations({readOnly: true})});
cy.visit('/portfolio');
cy.getByDataCy('add-project-button').should('not.exist');
cy.getByDataCy('project-widget').should('have.length', 1);
cy.getByDataCy('project-widget-actions').should('not.exist');
});
});

48
client/cypress/integration/frontend/read-only/project.spec.js Normal file
View File

@ -0,0 +1,48 @@
import {getMinimalMe} from '../../../support/helpers';
const getOperations = ({readOnly = false}) => ({
MeQuery: getMinimalMe({readOnly}),
ProjectQuery: {
project: {
id: 'projectId',
final: false,
student: {
id: 'meId',
},
entriesCount: 3,
entries: {
edges: [
{
node: {},
},
],
},
},
},
});
const testProject = (readOnly, shouldActionsExist) => {
cy.mockGraphqlOps({operations: getOperations({readOnly})});
const exist = shouldActionsExist ? 'exist' : 'not.exist';
cy.visit('/portfolio/project-name');
cy.getByDataCy('project-title').should('exist');
cy.getByDataCy('project-entry').should('have.length', 1);
cy.getByDataCy('add-project-entry').should(exist);
cy.getByDataCy('project-actions').should(exist);
cy.getByDataCy('project-entry-more').should(exist);
};
describe('Read Only Project', () => {
beforeEach(() => {
cy.setup();
});
it('Can create and edit project entry', () => {
testProject(false, true);
});
it('Can not create and edit project entry', () => {
testProject(true, false);
});
});

1
client/cypress/integration/frontend/snapshots.spec.js
View File

@ -1,4 +1,3 @@
import getMe from '../../fixtures/me.minimal';
import module from '../../fixtures/module.minimal';
import mocks from '../../fixtures/mocks';
import {getMinimalMe} from '../../support/helpers';

1
client/cypress/support/helpers.js
View File

@ -2,6 +2,7 @@
export const getMinimalMe = ({readOnly = false, classReadOnly = false, isTeacher = true}) => ({
me: {
id: 'meId',
onboardingVisited: true,
readOnly,
isTeacher,

4
client/src/components/portfolio/ProjectActions.vue
View File

@ -1,5 +1,7 @@
<template>
<div class="project-actions">
<div
class="project-actions"
data-cy="project-actions">
<a
class="project-actions__more-link"
@click="toggleMenu">

13
client/src/components/portfolio/ProjectEntry.vue
View File

@ -1,8 +1,11 @@
<template>
<div class="project-entry">
<div
class="project-entry"
data-cy="project-entry">
<more-options-widget
class="project-entry__more"
data-cy="project-entry-more">
data-cy="project-entry-more"
v-if="!readOnly">
<li class="popover-links__link"><a
data-cy="edit-project-entry"
@click="editProjectEntry()">Eintrag bearbeiten</a>
@ -48,7 +51,7 @@
import PROJECT_QUERY from '@/graphql/gql/queries/projectQuery.gql';
export default {
props: ['activity', 'reflection', 'nextSteps', 'documentUrl', 'created', 'id'],
props: ['activity', 'reflection', 'nextSteps', 'documentUrl', 'created', 'id', 'readOnly'],
components: {
DocumentBlock,
MoreOptionsWidget
@ -87,9 +90,7 @@
</script>
<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_functions.scss";
@import "@/styles/_mixins.scss";
@import "~styles/helpers";
.project-entry {
background-color: $color-white;

9
client/src/components/portfolio/ProjectWidget.vue
View File

@ -1,6 +1,7 @@
<template>
<div
:class="widgetClass"
data-cy="project-widget"
class="project-widget">
<router-link
:to="{name: 'project', params: {slug: slug}}"
@ -15,11 +16,13 @@
class="project-widget__owner"/>
</router-link>
<widget-footer
data-cy="project-widget-footer"
class="project-widget__footer"
v-if="isOwner">
<project-actions
:id="id"
:final="final"/>
:final="final"
data-cy="project-widget-actions"/>
</widget-footer>
</div>
</template>
@ -53,9 +56,7 @@
</script>
<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_functions.scss";
@import "@/styles/_mixins.scss";
@import "~styles/helpers";
.project-widget {
border-radius: $default-border-radius;

2
client/src/graphql/gql/fragments/projectParts.gql
View File

@ -9,7 +9,7 @@ fragment ProjectParts on ProjectNode {
student {
firstName
lastName
id,
id
avatarUrl
}
entriesCount

2
client/src/graphql/gql/queries/projectQuery.gql
View File

@ -3,7 +3,7 @@
query ProjectQuery($id: ID, $slug: String){
project(slug: $slug, id: $id) {
...ProjectParts
entries {
entries {
edges {
node {
...ProjectEntryParts

6
client/src/pages/portfolio/portfolio.vue
View File

@ -1,7 +1,9 @@
<template>
<div class="portfolio__page">
<div class="portfolio">
<add-project class="portfolio__add-project"/>
<add-project
class="portfolio__add-project"
v-if="!me.readOnly"/>
<project-widget
v-bind="project"
@ -56,7 +58,7 @@
</script>
<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "~styles/helpers";
.portfolio {
display: flex;

11
client/src/pages/portfolio/project.vue
View File

@ -3,7 +3,9 @@
:class="specialContainerClass"
class="project">
<div class="project__header">
<h1 class="project__title">{{ project.title }}</h1>
<h1
class="project__title"
data-cy="project-title">{{ project.title }}</h1>
<p class="project__description">
{{ project.description }}
</p>
@ -18,7 +20,9 @@
</ul>
<div class="project__meta">
<project-actions :id="project.id"/>
<project-actions
:id="project.id"
v-if="!me.readOnly"/>
<owner-widget :owner="project.student"/>
<entry-count-widget :entry-count="projectEntryCount"/>
</div>
@ -29,10 +33,11 @@
:project="project.id"
class="project__add-entry"
data-cy="add-project-entry"
v-if="isOwner"/>
v-if="isOwner && !me.readOnly"/>
<project-entry
v-bind="entry"
:key="index"
:read-only="me.readOnly"
v-for="(entry, index) in project.entries"/>
</div>
</div>

16
server/core/management/commands/dummy_data.py
View File

@ -48,7 +48,7 @@ class Command(BaseCommand):
Page.objects.get(title='Root').delete()
u = UserFactory(
UserFactory(
username='test',
is_staff=True,
is_superuser=True,
@ -69,20 +69,20 @@ class Command(BaseCommand):
for book_idx, book_data in enumerate(data):
book = BookFactory.create(parent=site.root_page, **self.filter_data(book_data, 'topics'))
default_topics = [{} for i in range(0, random.randint(5, 8))]
default_topics = [{} for _ in range(0, random.randint(5, 8))]
topics_data = book_data.get('topics', default_topics)
for topic_idx, topic_data in enumerate(topics_data):
topic = TopicFactory.create(parent=book, **self.filter_data(topic_data, 'modules'))
default_modules = [{} for i in range(0, random.randint(3, 6))]
default_modules = [{} for _ in range(0, random.randint(3, 6))]
modules_data = topic_data.get('modules', default_modules)
for module_idx, module_data in enumerate(modules_data):
module = ModuleFactory.create(parent=topic,
**self.filter_data(module_data, ['objective_groups', 'chapters']))
default_objective_groups = [{} for i in range(0, 2)]
default_objective_groups = [{} for _ in range(0, 2)]
objective_group_data = module_data.get('objective_groups', default_objective_groups)
for objective_group_idx, objective_group_entry in enumerate(objective_group_data):
@ -91,20 +91,20 @@ class Command(BaseCommand):
**factory_params)
default_objectives = [{} for i in range(0, 4)]
default_objectives = [{} for _ in range(0, 4)]
objectives_data = objective_group_entry.get('objectives', default_objectives)
for objective_idx, objective_data in enumerate(objectives_data):
objective = ObjectiveFactory.create(group=objective_group, **objective_data)
ObjectiveFactory.create(group=objective_group, **objective_data)
default_chapters = [{} for i in range(0, 2)]
default_chapters = [{} for _ in range(0, 2)]
chapters_data = module_data.get('chapters', default_chapters)
for chapter_idx, chapter_data in enumerate(chapters_data):
chapter = ChapterFactory.create(parent=module,
**self.filter_data(chapter_data, 'content_blocks'))
default_content_blocks = [{} for i in range(0, 4)]
default_content_blocks = [{} for _ in range(0, 4)]
content_blocks_data = chapter_data.get('content_blocks', default_content_blocks)
for content_block_idx, content_block_data in enumerate(content_blocks_data):