subclases is false by default and true if property datatype = wikibas…

…e-item

src/components/QueryCondition.vue

@@ -92,8 +92,12 @@ export default Vue.extend( {
 					this.$store.dispatch( 'unsetProperty', this.conditionIndex );
 					return;
 				}
-				this.$store.dispatch(
-					'updateProperty',
+				if ( selectedProperty.datatype === 'wikibase-item' ) {
+					this.$store.dispatch( 'setSubclasses', { conditionIndex: this.conditionIndex, subclasses: true } );
+				} else {
+					this.$store.dispatch( 'setSubclasses', { conditionIndex: this.conditionIndex, subclasses: false } );
+				}
+				this.$store.dispatch( 'updateProperty',
 					{ property: selectedProperty, conditionIndex: this.conditionIndex },
 				);
 			},

tests/unit/components/QueryCondition.spec.ts

@@ -102,6 +102,26 @@ describe( 'QueryCondition.vue', () => {
 		expect( store.dispatch ).toHaveBeenCalledWith( 'updateValue', { value: userInput, conditionIndex } );
 	} );
 
+	it( 'set subclasses to true when property type is wikibase-item', async () => {
+
+		const property = { label: 'postal code', id: 'P123', datatype: 'wikibase-item' };
+		const propertyGetter = () => () => ( property );
+		const store = newStore( propertyGetter );
+		const conditionIndex = 0;
+		store.dispatch = jest.fn();
+		const wrapper = shallowMount( QueryCondition, {
+			store,
+			localVue,
+			propsData: {
+				'condition-index': 0,
+			},
+		} );
+
+		wrapper.findAllComponents( PropertyLookup ).at( conditionIndex ).vm.$emit( 'input', property );
+
+		expect( store.dispatch ).toHaveBeenCalledWith( 'setSubclasses', { subclasses: true, conditionIndex } );
+	} );
+
 	it( 'removes current row when the removeCondition button is clicked', async () => {
 		const store = newStore();
 		const conditionIndex = 0;